:root{--bg:#08090b;--panel:#101216;--panel2:#15181d;--line:#252931;--text:#f7f7f8;--muted:#9298a3;--soft:#c8cbd0;--accent:#fff;--radius:22px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scrollbar-width:thin;scrollbar-color:#3a414b #0b0d11}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0d11;border-radius:999px}::-webkit-scrollbar-thumb{background:#343b45;border:2px solid #0b0d11;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#49515d}body{margin:0;background:radial-gradient(900px 500px at 50% -150px,#242936 0%,#0b0d11 45%,#08090b 72%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.13em;font-size:14px}.navlinks{display:flex;align-items:center;gap:24px;color:#c8cbd0;font-size:14px}.navbtn,.btn{border:1px solid var(--line);border-radius:999px;padding:11px 17px;background:#14171b;color:#fff;cursor:pointer;font-weight:750}.btn.primary{background:#fff;color:#08090b;border-color:#fff}
.home-hero{position:relative;padding:64px 0 72px;text-align:center;overflow:hidden}
.home-hero::before{content:"";position:absolute;left:50%;top:105px;width:min(1040px,88vw);height:520px;transform:translateX(-50%);background:radial-gradient(circle at 50% 42%,#ffcc4430 0%,#ffb30013 30%,transparent 68%);filter:blur(10px);pointer-events:none}
.home-hero>*{position:relative;z-index:1}
.home-eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#e5b83f;font-weight:900}
.home-title{font-size:clamp(58px,8.2vw,112px);letter-spacing:-.068em;line-height:.88;margin:18px auto 22px;max-width:1050px}
.home-title .gold{background:linear-gradient(180deg,#fff1a5 0%,#ffd45b 47%,#e9a91f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px #ffc83d1c}
.home-copy{font-size:18px;color:#aeb4be;max-width:790px;margin:0 auto 28px;line-height:1.55}
.home-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.home-actions .btn{padding:14px 24px}
.home-actions .home-primary{background:linear-gradient(180deg,#ffe79a 0%,#ffc84e 58%,#e9a82e 100%);border-color:#f2c14c;color:#171208;box-shadow:0 10px 36px #ffbd3528,0 0 0 1px #fff2b94a inset}
.home-actions .home-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.home-actions .home-secondary{background:#0f1114;border-color:#3a3425;color:#e8eaee}
.home-product{width:min(1080px,100%);margin:42px auto 0;padding:1px;border-radius:28px;background:linear-gradient(135deg,#8d6a22 0%,#343127 24%,#24272d 60%,#8c6720 100%);box-shadow:0 34px 100px #000a,0 0 70px #e9ad2820}
.home-product-shell{overflow:hidden;border-radius:27px;background:linear-gradient(180deg,#0e1013 0%,#090b0d 100%);text-align:left}
.home-product-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #25272b;background:#0d0f11}
.home-mini-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#e6e7e9}
.home-mini-mark{display:flex;align-items:center;gap:2px;height:20px}
.home-mini-mark i{display:block;width:3px;border-radius:99px;background:#f1bf3b;box-shadow:0 0 10px #f1bf3b55}
.home-mini-mark i:nth-child(1),.home-mini-mark i:nth-child(5){height:8px}.home-mini-mark i:nth-child(2),.home-mini-mark i:nth-child(4){height:14px}.home-mini-mark i:nth-child(3){height:20px}
.home-product-tools{display:flex;gap:8px}
.home-tool{height:26px;border-radius:999px;border:1px solid #2a2d31;background:#14171b;padding:0 10px;display:grid;place-items:center;font-size:9px;color:#9299a3}
.home-tool.gold{background:#f0bd3e;border-color:#f0bd3e;color:#171208;font-weight:900}
.home-product-body{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:500px}
.home-editor-demo{padding:26px;border-right:1px solid #25272b}
.home-demo-title{font-size:17px;font-weight:850;color:#f3f4f5;margin-bottom:18px}
.home-release-row{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:start}
.home-art{aspect-ratio:1;border-radius:17px;border:1px solid #5f4d26;background:
 radial-gradient(circle at 66% 28%,#ffd66d7d 0 7%,transparent 25%),
 linear-gradient(155deg,#251d13 0%,#7a4d1f 42%,#e7aa38 75%,#1a1510 100%);box-shadow:inset 0 0 45px #0006}
.home-fields{display:grid;gap:10px}
.home-field{height:36px;border-radius:9px;border:1px solid #2d3035;background:#14171b;position:relative;overflow:hidden}
.home-field::before{content:"";position:absolute;left:12px;top:10px;height:7px;width:38%;border-radius:10px;background:#4c5057}
.home-field.short::before{width:23%}.home-field.tall{height:74px}.home-field.tall::before{width:58%}
.home-platform-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#777f89;font-weight:900;margin:25px 0 10px}
.home-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-platform-pill{height:47px;border:1px solid #2c3035;background:#121519;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#dfe2e6;font-size:11px;font-weight:750}
.home-platform-pill .ico{width:26px;height:26px;display:grid;place-items:center}
.home-platform-pill .ico svg{width:24px;height:24px}
.home-toggle{margin-left:auto;width:28px;height:16px;border-radius:99px;background:#f0bc39;position:relative;box-shadow:0 0 12px #f0bc3930}
.home-toggle::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;right:2px;top:2px;background:#fff}
.home-preview-demo{padding:22px;background:
 radial-gradient(circle at 50% 45%,#e4a82b22,transparent 38%),
 linear-gradient(180deg,#111316,#0b0d0f);display:flex;flex-direction:column;align-items:center}
.home-preview-head{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.home-preview-head b{font-size:13px}.home-device-tabs{display:flex;border:1px solid #34302a;border-radius:999px;padding:2px;font-size:8px;color:#7e858f}.home-device-tabs span{padding:5px 9px;border-radius:999px}.home-device-tabs .active{background:#392f17;color:#f0c34d}
.home-phone{width:220px;border:1px solid #363a41;border-radius:30px;background:#050607;padding:11px;box-shadow:0 22px 55px #000a,0 0 35px #dda5251e}
.home-phone-art{aspect-ratio:1.25;border-radius:15px;background:linear-gradient(150deg,#2a1d12,#8f5c24 52%,#e4ad3c);margin-bottom:10px;position:relative;overflow:hidden}
.home-phone-art::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#070707aa)}
.home-phone-title{text-align:center;font-size:14px;font-weight:900}.home-phone-artist{text-align:center;font-size:10px;color:#8e949d;margin:3px 0 10px}
.home-phone-btn{height:35px;border-radius:999px;background:#f4f4f3;color:#111;display:grid;place-items:center;font-weight:900;font-size:11px;margin-bottom:8px}
.home-phone-service{height:40px;border-radius:11px;background:#121519;border:1px solid #20242a;margin-top:7px;display:grid;grid-template-columns:26px 1fr 12px;align-items:center;gap:8px;padding:0 9px}
.home-phone-service .ico svg{width:22px;height:22px;display:block}.home-phone-service b{font-size:10px;color:#f1f2f3}.home-phone-service span:last-child{font-size:12px;color:#9da3ab}
.home-platform-strip{padding:30px 0 12px;text-align:center;border-top:1px solid #171a20}
.home-platform-strip .label{font-size:10px;letter-spacing:.2em;color:#707783;font-weight:900;text-transform:uppercase;margin-bottom:18px}
.home-logos{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap}
.home-logo-item{display:flex;align-items:center;gap:8px;color:#dfe2e6;font-size:12px;font-weight:800}
.home-logo-item svg{width:22px;height:22px}
.home-section{padding:76px 0;border-top:1px solid #171a20}
.home-section h2{font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;margin:0 0 14px}
.home-section p{color:#999faa;line-height:1.7;max-width:620px}
.home-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.home-feature{background:linear-gradient(180deg,#111418,#0e1013);border:1px solid #24272d;border-radius:20px;padding:23px}
.home-feature b{display:block;margin-bottom:8px;color:#f2f3f4}.home-feature span{color:#8f96a1;line-height:1.55;font-size:14px}
.home-feature .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#2a2312;color:#e9b63a;font-size:11px;font-weight:900;margin-bottom:14px;border:1px solid #4c3c18}
.hero{padding:92px 0 70px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9ba1ac;font-weight:800}.hero h1{font-size:clamp(54px,8vw,106px);letter-spacing:-.065em;line-height:.88;margin:20px auto 28px;max-width:940px}.hero p{font-size:18px;color:#a9aeb8;max-width:600px;margin:0 auto 34px;line-height:1.6}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero .btn{padding:15px 23px}.mock{width:min(880px,100%);margin:55px auto 0;padding:1px;border-radius:32px;background:linear-gradient(135deg,#353b47,#15171c);box-shadow:0 35px 100px #0009}.mockin{background:#0d0f12;border-radius:31px;padding:28px;display:grid;grid-template-columns:1fr 320px;gap:28px;text-align:left}.mini-editor{padding:20px}.mini-line{height:13px;background:#242830;border-radius:20px;margin:12px 0}.mini-line.short{width:52%}.phone{border:1px solid #2b3039;border-radius:28px;background:#090a0d;padding:14px}.art-placeholder{aspect-ratio:1;border-radius:18px;background:linear-gradient(145deg,#343945,#111318);display:grid;place-items:center;color:#777f8c;font-weight:800;letter-spacing:.1em}.fakebtn{height:45px;border:1px solid #2a2e36;background:#15181d;border-radius:12px;margin-top:9px}.section{padding:88px 0;border-top:1px solid #171a20}.section h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;margin:0 0 16px}.section p{color:#999faa;line-height:1.7;max-width:620px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.feature{background:#101216;border:1px solid #20242b;border-radius:22px;padding:25px}.feature b{display:block;margin-bottom:9px}.feature span{color:#8f96a1;line-height:1.55;font-size:14px}.footer{padding:34px 0 50px;color:#727985;font-size:13px;border-top:1px solid #171a20}.builder{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;padding:28px 0 70px;align-items:start}.editor,.preview-shell{background:#0e1013;border:1px solid #20242a;border-radius:26px}.editor{padding:28px}.preview-shell{padding:14px;position:sticky;top:20px}.titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}.titlebar h1{font-size:38px;letter-spacing:-.04em;margin:0}.sub{color:#8f96a1;margin-top:8px;line-height:1.5}.group{border-top:1px solid #20242a;padding:27px 0}.group:first-of-type{border-top:0}.grouphead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.group h2{font-size:18px;margin:0}.hint{font-size:13px;color:#7f8692;margin:5px 0 0}.field{margin:15px 0}.field label{display:block;color:#aab0b9;font-size:12px;font-weight:800;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.input,.textarea{width:100%;border:1px solid #2a2f37;background:#111419;color:#fff;border-radius:14px;padding:14px 15px;outline:none}.input:focus,.textarea:focus{border-color:#626a78}.textarea{min-height:88px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{border:1px dashed #343a44;border-radius:18px;padding:18px;display:flex;align-items:center;gap:15px;cursor:pointer;background:#101318}.uploadthumb{width:72px;height:72px;border-radius:14px;background:#1b1f25;object-fit:cover}.upload strong{display:block}.upload span{color:#858c97;font-size:12px}.linkrow{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;background:#111419;border:1px solid #242932;border-radius:15px;padding:10px;margin:9px 0}.drag{color:#626975;text-align:center;font-size:18px;cursor:grab}.linkmeta{min-width:0}.linkmeta input{width:100%;border:0;background:transparent;color:#fff;outline:0;padding:2px 0}.linkmeta .small{font-size:12px;color:#79808b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowactions{display:flex;gap:6px}.iconbtn{width:34px;height:34px;border:1px solid #2b3038;background:#181b20;color:#bfc4cc;border-radius:10px;cursor:pointer}.addrow{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.addrow.custom{grid-template-columns:.55fr 1fr auto}.preview-card{min-height:690px;border-radius:20px;background:linear-gradient(180deg,#171a20 0,#0b0d10 58%);padding:24px 20px;text-align:center;overflow:hidden}.cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;background:#1b1e24;box-shadow:0 24px 55px #0008}.preview-card h3{font-size:24px;letter-spacing:-.03em;margin:20px 0 4px}.preview-card .artist{color:#b3b8c0}.preview-card .bio{font-size:13px;color:#858c97;line-height:1.5;margin:12px auto 18px;max-width:290px}.service{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #2a2f37;background:#13161b;border-radius:13px;padding:13px 14px;margin:8px 0;color:#fff}.service b{font-size:14px}.service span{font-size:11px;color:#8e95a0}.socialbar{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0}.socialdot{padding:8px 11px;border:1px solid #292e36;border-radius:999px;font-size:11px;color:#c5cad1}.savebar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal{position:fixed;inset:0;background:#050608df;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal.show{display:flex}.modalcard{width:min(430px,100%);background:#121419;border:1px solid #2b3038;border-radius:24px;padding:28px}.file-alert-card{position:relative;width:min(470px,100%);background:linear-gradient(180deg,#151820 0%,#101318 100%);border:1px solid #39414d;border-radius:24px;padding:26px;box-shadow:0 30px 90px #000c}.file-alert-top{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center}.file-alert-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid #6b343c;background:#26161a;color:#ff9aa5;font-size:25px;font-weight:900;box-shadow:0 0 28px #8b344033}.file-alert-copy h2{margin:0;font-size:24px;letter-spacing:-.03em}.file-alert-copy p{margin:6px 0 0;color:#9aa1ab;line-height:1.5}.file-alert-close{width:34px;height:34px;border:0;background:transparent;color:#747d89;font-size:28px;line-height:1;cursor:pointer;border-radius:50%}.file-alert-close:hover{color:#fff;background:#1b1f25}.file-alert-actions{display:flex;justify-content:flex-end;margin-top:22px;padding-top:20px;border-top:1px solid #242a33}.file-alert-ok{min-width:112px;box-shadow:0 0 24px #ffffff12}.modalcard h2{font-size:28px;margin:0 0 8px}.modalcard p{color:#9299a4;line-height:1.55}.status{font-size:13px;margin-top:12px}.error{color:#ff8080}.success{color:#7de39b}.dashboard{padding:42px 0 80px}.dashhead{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}.dashhead h1{font-size:44px;letter-spacing:-.04em;margin:0}.cards{display:grid;gap:12px}.linkcard{display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;background:#101216;border:1px solid #22262d;border-radius:18px;padding:12px}.linkcover{width:74px;height:74px;object-fit:cover;border-radius:12px;background:#1c2026}.linktitle{font-weight:800}.linkurl{color:#7f8792;font-size:12px;margin-top:5px}.metrics{font-size:12px;color:#9aa1ac;margin-top:7px}.cardactions{display:flex;gap:7px;flex-wrap:wrap}.smallbtn{border:1px solid #2c3139;background:#171a1f;color:#fff;border-radius:10px;padding:9px 11px;cursor:pointer;font-size:12px}.account{width:min(650px,calc(100% - 36px));margin:55px auto;background:#101216;border:1px solid #22262d;border-radius:24px;padding:30px}.account h1{font-size:36px;margin:0 0 26px}.kv{padding:16px 0;border-top:1px solid #23272e}.kv span{display:block;color:#7f8792;font-size:12px;margin-bottom:6px}.public-stage{position:relative;min-height:calc(100vh - 1px);overflow:hidden;background:#07080a}.public-ambient{position:fixed;inset:-12%;z-index:0;background-position:center;background-size:cover;filter:blur(95px) saturate(1.18);opacity:.16;transform:scale(1.12);pointer-events:none}.public-ambient::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07080ad9 0%,#07080af0 52%,#07080afa 100%)}.public{position:relative;z-index:1;width:min(480px,calc(100% - 28px));margin:0 auto;padding:34px 0 58px;text-align:center}.public-release{margin-bottom:14px}.public .cover{display:block;width:min(86%,360px);aspect-ratio:1;margin:0 auto;object-fit:contain;border-radius:24px;background:#101217;box-shadow:0 28px 70px #000a,0 0 0 1px #ffffff0a}.public h1{font-size:30px;letter-spacing:-.04em;line-height:1.05;margin:20px 0 5px}.public .artist{color:#c3c8cf;font-size:15px;font-weight:680}.public .bio{color:#858c96;line-height:1.5;font-size:13px;margin:10px auto 0;max-width:350px}.public-section{margin-top:17px}.public-section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7d8591;font-weight:900;margin:0 0 9px}.public .service{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:11px;text-align:left;padding:9px 13px;margin:8px 0;border-radius:15px;background:linear-gradient(180deg,#191d23 0%,#14181d 100%);border:1px solid #303640;color:#fff;box-shadow:0 6px 16px #0003;transition:transform .16s ease,border-color .16s ease,background .16s ease}.public .service:hover{transform:translateY(-1px);border-color:#4b5360;background:linear-gradient(180deg,#1d2229 0%,#171b21 100%)}.service-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#0e1014;border:1px solid #ffffff0d;overflow:hidden}.service-icon svg{width:24px;height:24px;display:block}.service-copy{min-width:0}.service-copy b{display:block;font-size:14px;line-height:1.2;color:#f6f7f9;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-copy small{display:none}.service-arrow{font-size:21px;color:#c4cad2;text-align:right;line-height:1;font-weight:500}.public-socials{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.public-social{width:42px;height:42px;border:1px solid #292e36;background:#111419;border-radius:50%;display:grid;place-items:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.public-social:hover{transform:translateY(-1px);border-color:#414855;background:#171a20}.public-social svg{width:20px;height:20px}.powered{display:inline-flex;align-items:center;gap:7px;margin-top:30px;color:#626a75;font-size:10px;font-weight:900;letter-spacing:.16em;transition:color .16s ease}.powered::before{content:"";width:5px;height:5px;border-radius:50%;background:#8d95a1;box-shadow:0 0 10px #ffffff33}.powered:hover{color:#a7adb6}.empty{text-align:center;padding:70px 20px;border:1px dashed #2b3038;border-radius:22px;color:#8e95a0}.mobile-preview{display:none}
.account-overlay{min-height:calc(100vh - 76px);padding:55px 18px;display:flex;justify-content:center;align-items:flex-start;cursor:pointer}.account-modal{margin:0;position:relative;cursor:default}.account-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:1px solid #2c3139;border-radius:50%;background:#171a1f;color:#fff;font-size:22px;line-height:1;cursor:pointer}.account-close:hover{background:#20242a}.analytics-card-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:#d7dbe1}.analytics-card-link:hover{color:#fff}.danger-zone{margin-top:34px;padding:20px;border:1px solid #3a282b;background:#151013;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.danger-zone span{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#c77f88;margin-bottom:7px}.danger-zone strong{display:block;font-size:14px}.danger-zone p{font-size:12px;color:#888f9a;margin:6px 0 0}.danger-btn{border:1px solid #5b3036;background:#211317;color:#ffb0b8;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;white-space:nowrap}.analytics-page{max-width:1040px}.analytics-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.analytics-head h1{font-size:44px;letter-spacing:-.04em;margin:6px 0 0}.backlink{font-size:13px;color:#aeb4bd}.analytics-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-summary{margin-bottom:14px}.analytics-total{background:#101216;border:1px solid #22262d;border-radius:22px;padding:26px}.analytics-total span{display:block;color:#858c97;font-size:11px;font-weight:800;letter-spacing:.12em}.analytics-total strong{display:block;font-size:58px;letter-spacing:-.05em;line-height:1;margin:10px 0 7px}.analytics-total small{color:#858c97}.analytics-panel{background:#101216;border:1px solid #22262d;border-radius:22px;padding:24px;margin-top:14px}.analytics-panelhead h2{font-size:19px;margin:0}.analytics-panelhead p{color:#858c97;font-size:13px;margin:6px 0 0}.analytics-chart{height:230px;display:grid;grid-template-columns:repeat(30,1fr);gap:4px;align-items:end;margin-top:28px;border-bottom:1px solid #262b33}.analytics-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.analytics-barwrap{height:185px;display:flex;align-items:flex-end}.analytics-bar{width:100%;min-height:2px;background:#f2f3f5;border-radius:5px 5px 1px 1px;opacity:.9}.analytics-daylabel{height:28px;font-size:9px;color:#707783;display:flex;align-items:flex-end;white-space:nowrap}.destination-list{margin-top:20px}.destination-row{padding:15px 0;border-top:1px solid #22262d}.destination-row:first-child{border-top:0}.destination-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.destination-top b{display:block;font-size:14px}.destination-top span{display:block;font-size:11px;color:#7f8792;margin-top:4px}.destination-top strong{font-size:18px}.destination-track{height:5px;background:#20242a;border-radius:999px;margin-top:11px;overflow:hidden}.destination-fill{height:100%;background:#f1f2f4;border-radius:999px}
@media(max-width:820px){
.home-hero{padding:48px 0 56px}.home-title{font-size:56px}.home-copy{font-size:16px;max-width:540px}.home-product{margin-top:34px;border-radius:22px}.home-product-shell{border-radius:21px}.home-product-top{height:48px;padding:0 12px}.home-product-tools{display:none}.home-product-body{grid-template-columns:1fr;min-height:auto}.home-editor-demo{display:none}.home-preview-demo{padding:18px 14px 20px}.home-preview-head{margin-bottom:10px}.home-phone{width:min(250px,80vw)}.home-platform-strip{padding-top:24px}.home-logos{gap:16px}.home-logo-item{font-size:11px}.home-three{grid-template-columns:1fr}.home-section{padding:58px 0}}
@media(max-width:820px){.navlinks a.hide-mobile{display:none}.mockin{grid-template-columns:1fr}.mockin .mini-editor{display:none}.mockin .phone{max-width:330px;margin:auto}.three{grid-template-columns:1fr}.builder{grid-template-columns:1fr}.preview-shell{display:none}.editor{padding:20px}.titlebar h1{font-size:32px}.grid2{grid-template-columns:1fr}.addrow.custom{grid-template-columns:1fr}.mobile-preview{display:inline-flex}.dashhead{align-items:flex-start;flex-direction:column}.linkcard{grid-template-columns:60px 1fr}.linkcover{width:60px;height:60px}.cardactions{grid-column:1/-1}.hero{padding-top:60px}.hero h1{font-size:58px}.public{width:min(100% - 22px,480px);padding:24px 0 48px}.public .cover{width:min(86vw,340px);border-radius:22px}.public h1{font-size:27px;margin-top:18px}.public .bio{font-size:12.5px}.public .service{grid-template-columns:40px minmax(0,1fr) 28px;padding:8px 11px;border-radius:14px}.service-icon{width:36px;height:36px}.public-section{margin-top:16px}.nav{height:68px}.navlinks{gap:14px;font-size:13px}.wrap{width:min(100% - 24px,1180px)}.danger-zone{align-items:flex-start;flex-direction:column}.danger-btn{width:100%}.analytics-head{align-items:flex-start;flex-direction:column}.analytics-head h1{font-size:36px}.analytics-actions{width:100%}.analytics-actions .btn{flex:1;text-align:center}.analytics-chart{gap:2px}.analytics-daylabel{font-size:8px}.analytics-panel{padding:18px}}

/* =========================================================
   MY PLAY LINK — GOLD WIDE / MOTION / PUBLIC THEME
   ========================================================= */

/* Homepage: use large desktop screens instead of living in a narrow center column */
.home-hero.wrap{
  width:min(94vw,1600px);
  max-width:none;
}
.home-platform-strip .wrap,
.home-section .wrap,
.home-footer.wrap{
  width:min(92vw,1500px);
  max-width:none;
}
.home-product{
  width:min(1480px,100%);
}
.home-product-body{
  grid-template-columns:minmax(0,1fr) 430px;
  min-height:555px;
}

/* Less glow: gold behaves as an accent, not a floodlight */
.home-hero::before{
  top:118px;
  width:min(1240px,76vw);
  height:430px;
  background:radial-gradient(circle at 50% 42%,#ffcc441d 0%,#ffb3000b 31%,transparent 69%);
  filter:blur(18px);
}
.home-title .gold{
  text-shadow:0 0 24px #ffc83d12;
}
.home-actions .home-primary{
  box-shadow:0 9px 26px #ffbd3519,0 0 0 1px #fff2b93a inset;
}
.home-product{
  box-shadow:0 30px 82px #000a,0 0 44px #e9ad2812;
}
.home-preview-demo{
  background:
    radial-gradient(circle at 50% 45%,#e4a82b14,transparent 40%),
    linear-gradient(180deg,#111316,#0b0d0f);
}
.home-phone{
  box-shadow:0 20px 48px #000a,0 0 22px #dda52510;
}

/* More comfortable scale on large desktop screens */
@media(min-width:1450px){
  .home-title{font-size:clamp(76px,6.5vw,118px)}
  .home-copy{font-size:19px}
  .home-product-body{grid-template-columns:minmax(0,1fr) 455px;min-height:580px}
  .home-editor-demo{padding:30px 34px}
  .home-preview-demo{padding:26px}
  .home-phone{width:235px}
  .home-three{gap:18px}
  .home-feature{padding:27px}
}
@media(min-width:821px) and (max-width:1199px){
  .home-product-body{grid-template-columns:minmax(0,1fr) 360px}
}

/* Hero entry motion — short and controlled */
@keyframes mplFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes mplProductIn{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mplFade{
  from{opacity:0}
  to{opacity:1}
}
.home-hero>.home-eyebrow{
  opacity:0;
  animation:mplFadeUp .42s cubic-bezier(.22,.7,.25,1) .04s forwards;
}
.home-hero>.home-title{
  opacity:0;
  animation:mplFadeUp .48s cubic-bezier(.22,.7,.25,1) .11s forwards;
}
.home-hero>.home-copy{
  opacity:0;
  animation:mplFadeUp .46s cubic-bezier(.22,.7,.25,1) .19s forwards;
}
.home-hero>.home-actions{
  opacity:0;
  animation:mplFadeUp .46s cubic-bezier(.22,.7,.25,1) .27s forwards;
}
.home-hero>.home-product{
  opacity:0;
  animation:mplProductIn .64s cubic-bezier(.18,.72,.22,1) .34s forwards;
}

/* Reveal-on-scroll blocks */
[data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .52s cubic-bezier(.22,.7,.25,1),transform .52s cubic-bezier(.22,.7,.25,1);
}
[data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}
.home-feature[data-reveal]:nth-child(2){transition-delay:.07s}
.home-feature[data-reveal]:nth-child(3){transition-delay:.14s}
.home-logo-item{
  transition:transform .18s ease,opacity .18s ease;
}
.home-logo-item:hover{transform:translateY(-2px)}
.home-actions .btn,
.home-feature{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.home-feature:hover{
  transform:translateY(-2px);
  border-color:#4c3d20;
}

/* ---------------------------------------------------------
   Public Smart Link — same black / warm-white / gold identity
   --------------------------------------------------------- */
.public-stage{
  background:
    radial-gradient(circle at 50% -5%,#b7791712 0%,transparent 34%),
    #07080a;
}
.public-stage::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,#f1bd3b0b 0,transparent 150px),
    radial-gradient(circle at 50% 22%,#d9a62b0d 0%,transparent 35%);
}
.public-ambient{
  opacity:.09;
  filter:blur(105px) saturate(1.05);
}
.public{
  animation:mplFade .35s ease both;
}
.public-release{
  animation:mplFadeUp .48s cubic-bezier(.22,.7,.25,1) .05s both;
}
.public .cover{
  border:1px solid #84662655;
  box-shadow:
    0 28px 68px #000b,
    0 0 0 1px #f4c9580b,
    0 0 34px #d9a62b0d;
}
.public h1{
  color:#f5f3ed;
}
.public .artist{
  color:#d4b568;
}
.public .bio{
  color:#8d929a;
}
.public-section{
  animation:mplFadeUp .48s cubic-bezier(.22,.7,.25,1) .16s both;
}
.public-section-label{
  color:#d2a944;
  letter-spacing:.2em;
}
.public .service{
  background:linear-gradient(180deg,#181a1e 0%,#121519 100%);
  border-color:#322e23;
  box-shadow:0 6px 16px #0003;
}
.public .service:hover{
  transform:translateY(-2px);
  border-color:#9b7733;
  background:linear-gradient(180deg,#1c1e22 0%,#15181c 100%);
  box-shadow:0 8px 22px #0005,0 0 0 1px #d9a62b10 inset;
}
.public .service:focus-visible,
.public-social:focus-visible,
.powered:focus-visible{
  outline:2px solid #d5a83e;
  outline-offset:3px;
}
.service-icon{
  border-color:#6d542526;
  background:#0d0f12;
}
.service-arrow{
  color:#d3ae58;
}
.public-social{
  border-color:#332e22;
  background:#111317;
}
.public-social:hover{
  transform:translateY(-2px);
  border-color:#947130;
  background:#17191d;
}
.powered{
  color:#8d733c;
}
.powered::before{
  background:#d7aa3d;
  box-shadow:0 0 10px #d7aa3d55;
}
.powered:hover{
  color:#d2b15f;
}

/* Public service rows enter gently, one after another */
.public-section .service{
  opacity:0;
  animation:mplFadeUp .38s cubic-bezier(.22,.7,.25,1) forwards;
}
.public-section .service:nth-of-type(1){animation-delay:.20s}
.public-section .service:nth-of-type(2){animation-delay:.25s}
.public-section .service:nth-of-type(3){animation-delay:.30s}
.public-section .service:nth-of-type(4){animation-delay:.35s}
.public-section .service:nth-of-type(5){animation-delay:.40s}
.public-section .service:nth-of-type(6){animation-delay:.45s}
.public-section .service:nth-of-type(7){animation-delay:.50s}
.public-section .service:nth-of-type(8){animation-delay:.55s}
.public-socials{
  animation:mplFadeUp .42s cubic-bezier(.22,.7,.25,1) .22s both;
}
.powered{
  animation:mplFade .42s ease .35s both;
}

/* Keep the mobile presentation calm and roomy */
@media(max-width:820px){
  .home-hero.wrap{width:min(100% - 20px,680px)}
  .home-platform-strip .wrap,
  .home-section .wrap,
  .home-footer.wrap{width:min(100% - 24px,680px)}
  .home-title{font-size:clamp(48px,15vw,62px)}
  .home-hero::before{width:92vw;height:330px;top:105px}
}

/* Accessibility: motion should never be mandatory */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-delay:0ms!important;
    transition-duration:.001ms!important;
  }
  [data-reveal]{
    opacity:1!important;
    transform:none!important;
  }
}

/* Expanded platform strip */
.home-logos{
  max-width:1320px;
  margin:0 auto;
  row-gap:14px;
}
.home-logo-item{
  min-height:28px;
}
@media(max-width:820px){
  .home-logos{
    gap:12px 16px;
  }
  .home-logo-item{
    font-size:10px;
  }
}


/* =========================================================
   MOBILE HOMEPAGE FIX
   Prevent desktop product grid from leaking into mobile.
   ========================================================= */
@media(max-width:820px){
  .home-hero{
    padding-top:42px;
  }
  .home-title{
    font-size:clamp(46px,13vw,56px);
    line-height:.91;
    margin-top:16px;
  }
  .home-title .gold{
    white-space:nowrap;
  }
  .home-copy{
    font-size:15.5px;
    line-height:1.55;
    max-width:94%;
    margin-bottom:24px;
  }
  .home-actions{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
  .home-actions .btn{
    width:min(310px,92vw);
    justify-content:center;
  }

  .home-product{
    width:100%;
    margin-top:34px;
  }
  .home-product-shell{
    width:100%;
  }
  .home-product-body{
    display:block!important;
    min-height:0!important;
  }
  .home-editor-demo{
    display:none!important;
  }
  .home-preview-demo{
    width:100%!important;
    min-width:0!important;
    padding:18px 14px 24px!important;
    display:flex!important;
    align-items:center!important;
  }
  .home-preview-head{
    width:100%;
    max-width:430px;
    margin:0 auto 16px;
  }
  .home-preview-head b{
    font-size:14px;
  }
  .home-phone{
    width:min(255px,76vw)!important;
    margin:0 auto!important;
  }
}

@media(max-width:420px){
  .home-hero.wrap{
    width:min(100% - 16px,680px);
  }
  .home-title{
    font-size:clamp(44px,12.5vw,52px);
  }
  .home-product{
    border-radius:20px;
  }
  .home-product-shell{
    border-radius:19px;
  }
  .home-product-top{
    padding:0 14px;
  }
  .home-mini-brand{
    font-size:10px;
  }
}


/* =========================================================
   MY PLAY LINK — UNIFIED GOLD PRODUCT SYSTEM
   Gold = primary action / focus / active state.
   White = primary information.
   Gray = secondary information.
   ========================================================= */

:root{
  --mpl-gold:#E2B347;
  --mpl-gold-bright:#FFD56A;
  --mpl-gold-deep:#A87C21;
  --mpl-gold-soft:#E2B34722;
  --mpl-gold-line:#8C6B2D;
  --mpl-warm:#F4F1E8;
}

/* Brand / navigation */
.brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#f3f2ed;
}
.brand::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--mpl-gold);
  box-shadow:0 0 14px #e2b34744;
}
.navlinks a{
  transition:color .16s ease;
}
.navlinks a:hover{
  color:var(--mpl-gold-bright);
}

/* Global primary action */
.btn.primary{
  background:linear-gradient(180deg,#FFE69A 0%,#F5C451 58%,#DFA52E 100%);
  border-color:#E7BB4F;
  color:#171208;
  box-shadow:0 8px 24px #d9a52d14,0 0 0 1px #fff1b83a inset;
}
.btn.primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.025);
}
.btn:focus-visible,
.smallbtn:focus-visible,
.iconbtn:focus-visible{
  outline:2px solid var(--mpl-gold);
  outline-offset:2px;
}

/* Builder / Edit */
.builder .editor,
.builder .preview-shell{
  border-color:#302b20;
  background:linear-gradient(180deg,#0f1114,#0d0f12);
}
.builder .eyebrow,
.dashboard .eyebrow,
.analytics-page .eyebrow{
  color:#D3A842;
}
.input:focus,
.textarea:focus{
  border-color:#A98032;
  box-shadow:0 0 0 3px #d8a93b10;
}
.upload:hover,
.linkrow:hover{
  border-color:#4D4025;
}
.linkrow:focus-within{
  border-color:#735A28;
}
.drag{
  color:#9A814A;
}
.iconbtn.toggle{
  color:#DDB344;
}
.savebar{
  border-top:1px solid #2B271F;
  padding-top:18px;
}
.preview-shell{
  box-shadow:0 18px 44px #0005;
}
.preview-card{
  border:1px solid #2C281F;
  background:
    radial-gradient(circle at 50% 8%,#d9a62b0b,transparent 30%),
    linear-gradient(180deg,#17191d 0,#0b0d10 58%);
}
.preview-card .artist{
  color:#D1AF5B;
}
.preview-card .service{
  border-color:#302D26;
}
.preview-card .service:hover{
  border-color:#725B2C;
}
.preview-card .powered{
  color:#9D8142;
}

/* Keep destructive action red even though primary buttons are gold */
#confirmEditDelete.btn.primary{
  background:#2B1519;
  color:#FFC0C7;
  border-color:#6A3038;
  box-shadow:none;
}

/* Dashboard / My Links */
.dashboard{
  width:min(92vw,1280px);
  max-width:none;
}
.dashhead .btn.primary{
  padding:12px 17px;
}
.linkcard{
  background:linear-gradient(180deg,#111317,#0f1114);
  border-color:#29271F;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.linkcard:hover{
  transform:translateY(-1px);
  border-color:#473B25;
  box-shadow:0 10px 26px #0003;
}
.linkcover{
  border:1px solid #4A3B20;
}
.analytics-card-link{
  color:#D6AE4A;
}
.analytics-card-link:hover{
  color:#F3D47A;
}
.smallbtn{
  transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease;
}
.smallbtn:hover{
  transform:translateY(-1px);
  border-color:#51462F;
}
.openlink-btn{
  border-color:#7D642D;
  color:#F1CD6A;
  background:#17140E;
}
.openlink-btn:hover{
  border-color:#C49535;
  background:#1D180F;
  color:#FFE194;
}

/* Preview modal */
#dashboardPreviewFrame{
  border-color:#6E5628!important;
  box-shadow:0 24px 72px #0009,0 0 34px #d7aa3510;
}

/* Account + analytics inherit the same surface language */
.account,
.analytics-total,
.analytics-card,
.chart-card,
.destination-card{
  border-color:#2E2A20!important;
}
.analytics-actions .btn:hover,
.backlink:hover{
  color:#E1B548;
}

/* Homepage mockup custom links */
.home-platform-pill.custom-demo{
  border-color:#4A3A1D;
  background:linear-gradient(180deg,#17150F,#121311);
}
.home-phone-section-label{
  margin:12px 0 4px;
  color:#C99D39;
  font-size:7px;
  font-weight:900;
  letter-spacing:.18em;
  text-align:center;
}
.home-phone-section-label.more{
  margin-top:12px;
}
.home-phone-service .ico svg{
  width:22px;
  height:22px;
}

/* ---------------------------------------------------------
   Public Smart Link — official release page
   --------------------------------------------------------- */
.public{
  width:min(540px,calc(100% - 28px));
  padding:28px 0 64px;
}
.public-release-kicker{
  color:#C79B38;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.22em;
  margin:2px 0 14px;
}
.public-cover-frame{
  position:relative;
  width:min(92%,400px);
  aspect-ratio:1;
  margin:0 auto;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:27px;
  border:1px solid #745A28;
  background:#0E1013;
  box-shadow:
    0 28px 70px #000b,
    0 0 0 1px #E9B8410D inset,
    0 0 30px #D5A52E0B;
}
.public-cover-blur{
  position:absolute;
  inset:-15%;
  background-position:center;
  background-size:cover;
  filter:blur(34px) saturate(1.05);
  opacity:.22;
  transform:scale(1.08);
}
.public .public-cover-frame .cover{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.public-cover-empty{
  display:grid!important;
  place-items:center;
  color:#6E747D;
  font-weight:800;
  letter-spacing:.12em;
}
.public h1{
  font-size:32px;
  color:var(--mpl-warm);
  margin-top:22px;
}
.public .artist{
  color:#D8AF4A;
  font-size:15px;
  font-weight:800;
}
.public .bio{
  max-width:410px;
  color:#949AA4;
}
.public-section{
  margin-top:22px;
}
.public-section-label{
  color:#D3A63F;
  font-size:9px;
  letter-spacing:.22em;
  margin-bottom:10px;
}
.public .service{
  min-height:58px;
  padding:9px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#171A1E,#121519);
  border-color:#332F26;
}
.public .service:hover{
  border-color:#8D6B2D;
  background:linear-gradient(180deg,#1C1E22,#15181B);
  box-shadow:0 10px 24px #0004,0 0 0 1px #E0B3480D inset;
}
.service-copy b{
  color:#F2F0EA;
}
.service-arrow{
  color:#D5AA43;
  font-size:20px;
}
.service-icon{
  border-color:#6C552723;
}
.public-social{
  border-color:#342F24;
}
.public-social:hover{
  border-color:#8D6C2D;
}
.powered{
  color:#8F7844;
  letter-spacing:.11em;
}
.powered strong{
  color:#CFA843;
  font-weight:900;
}
.powered:hover strong{
  color:#F0CF78;
}

/* Premium modal consistency */
.modalcard,
.file-alert-card{
  border-color:#3B3425;
  box-shadow:0 30px 90px #000c,0 0 38px #d3a83a0b;
}

/* Motion for app surfaces, restrained */
.linkcard,
.editor,
.preview-shell,
.analytics-total{
  animation:mplFadeUp .38s cubic-bezier(.22,.7,.25,1) both;
}
.cards .linkcard:nth-child(2){animation-delay:.04s}
.cards .linkcard:nth-child(3){animation-delay:.08s}
.cards .linkcard:nth-child(4){animation-delay:.12s}

/* Mobile */
@media(max-width:820px){
  .dashboard{
    width:min(100% - 22px,680px);
  }
  .public{
    width:min(100% - 20px,540px);
    padding-top:20px;
  }
  .public-cover-frame{
    width:min(91vw,365px);
    border-radius:23px;
  }
  .public h1{
    font-size:28px;
  }
}

@media(prefers-reduced-motion:reduce){
  .linkcard,
  .editor,
  .preview-shell,
  .analytics-total{
    animation:none!important;
  }
}


/* =========================================================
   ENTRY MOTION — slightly more present, still premium
   ========================================================= */

@keyframes mplFadeUpPlus{
  from{
    opacity:0;
    transform:translateY(24px);
    filter:blur(3px);
  }
  to{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
  }
}

@keyframes mplProductInPlus{
  from{
    opacity:0;
    transform:translateY(28px) scale(.972);
    filter:blur(4px);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

/* Homepage entrance */
.home-hero>.home-eyebrow{
  animation:mplFadeUpPlus .48s cubic-bezier(.2,.72,.22,1) .04s forwards!important;
}
.home-hero>.home-title{
  animation:mplFadeUpPlus .62s cubic-bezier(.2,.72,.22,1) .12s forwards!important;
}
.home-hero>.home-copy{
  animation:mplFadeUpPlus .56s cubic-bezier(.2,.72,.22,1) .22s forwards!important;
}
.home-hero>.home-actions{
  animation:mplFadeUpPlus .54s cubic-bezier(.2,.72,.22,1) .31s forwards!important;
}
.home-hero>.home-product{
  animation:mplProductInPlus .82s cubic-bezier(.18,.74,.2,1) .40s forwards!important;
}

/* Slightly stronger scroll reveals */
[data-reveal]{
  transform:translateY(26px);
  transition:
    opacity .62s cubic-bezier(.2,.72,.22,1),
    transform .62s cubic-bezier(.2,.72,.22,1);
}

/* Public Smart Link entrance */
.public-release{
  animation:mplFadeUpPlus .58s cubic-bezier(.2,.72,.22,1) .05s both!important;
}
.public-section{
  animation:mplFadeUpPlus .56s cubic-bezier(.2,.72,.22,1) .18s both!important;
}
.public-section .service{
  animation:mplFadeUpPlus .42s cubic-bezier(.2,.72,.22,1) forwards!important;
}
.public-socials{
  animation:mplFadeUpPlus .48s cubic-bezier(.2,.72,.22,1) .28s both!important;
}

/* App surfaces */
.linkcard,
.editor,
.preview-shell,
.analytics-total{
  animation:mplFadeUpPlus .46s cubic-bezier(.2,.72,.22,1) both!important;
}

/* Keep reduced-motion behavior intact */
@media(prefers-reduced-motion:reduce){
  .home-hero>.home-eyebrow,
  .home-hero>.home-title,
  .home-hero>.home-copy,
  .home-hero>.home-actions,
  .home-hero>.home-product,
  .public-release,
  .public-section,
  .public-section .service,
  .public-socials,
  .linkcard,
  .editor,
  .preview-shell,
  .analytics-total{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}


/* =========================================================
   ANALYTICS — GOLD RANGE SYSTEM
   ========================================================= */
.analytics-page{
  width:min(92vw,1280px);
  max-width:none;
}
.analytics-range-tabs{
  display:inline-flex;
  gap:4px;
  padding:4px;
  margin:24px 0 14px;
  border:1px solid #3A3222;
  background:#0D0F12;
  border-radius:999px;
}
.analytics-range-tabs a{
  padding:9px 14px;
  border-radius:999px;
  color:#8E949D;
  font-size:12px;
  font-weight:800;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.analytics-range-tabs a:hover{
  color:#E1BE67;
}
.analytics-range-tabs a.active{
  color:#171208;
  background:linear-gradient(180deg,#FFE69A 0%,#F4C452 60%,#DEA42D 100%);
  box-shadow:0 6px 18px #D4A4331A;
}

.analytics-summary-dual{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.analytics-total{
  display:block;
  text-decoration:none;
  color:inherit;
  background:linear-gradient(180deg,#111419,#0F1114);
  border-color:#302B21;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.analytics-total:hover{
  transform:translateY(-1px);
  border-color:#5E4B29;
}
.analytics-total.selected{
  border-color:#86662B;
  box-shadow:0 0 0 1px #D1A53D0E inset,0 12px 30px #0003;
}
.analytics-total span{
  color:#A38749;
}
.analytics-total strong{
  color:#F4F1E8;
}
.analytics-total.selected strong{
  color:#F8D36F;
}
.analytics-total small{
  color:#8F96A1;
}

.analytics-panel{
  background:linear-gradient(180deg,#111419,#0F1114);
  border-color:#302B21;
}
.analytics-panelhead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.analytics-range-label{
  flex:none;
  padding:7px 10px;
  border-radius:999px;
  background:#1B170F;
  border:1px solid #5B4825;
  color:#DAB14D;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.analytics-chart{
  grid-template-columns:repeat(var(--analytics-columns,30),minmax(5px,1fr));
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#5A4728 #0D0F12;
  border-bottom-color:#3A3020;
}
.analytics-chart::-webkit-scrollbar{height:8px}
.analytics-chart::-webkit-scrollbar-track{background:#0D0F12;border-radius:999px}
.analytics-chart::-webkit-scrollbar-thumb{background:#5A4728;border-radius:999px}

.analytics-chart-all .analytics-day{
  min-width:28px;
}
.analytics-bar{
  background:linear-gradient(180deg,#FFE27F 0%,#D7A62F 100%);
  box-shadow:0 0 12px #D4A43318;
  opacity:1;
}
.analytics-daylabel{
  color:#81775F;
}
.analytics-day:hover .analytics-bar{
  filter:brightness(1.08);
}
.analytics-empty-chart{
  grid-column:1/-1;
  height:185px;
  display:grid;
  place-items:center;
  color:#737A84;
  font-size:13px;
}

.destination-row{
  border-top-color:#2A261D;
}
.destination-top b{
  color:#F1EFE8;
}
.destination-top strong{
  color:#E7BD58;
}
.destination-track{
  background:#221E16;
}
.destination-fill{
  background:linear-gradient(90deg,#A97724 0%,#E5B846 70%,#F4D171 100%);
  box-shadow:0 0 12px #D5A83A15;
}

@media(max-width:820px){
  .analytics-page{
    width:min(100% - 22px,680px);
  }
  .analytics-summary-dual{
    grid-template-columns:1fr 1fr;
  }
  .analytics-total{
    padding:20px 17px;
  }
  .analytics-total strong{
    font-size:42px;
  }
  .analytics-range-tabs{
    width:100%;
  }
  .analytics-range-tabs a{
    flex:1;
    text-align:center;
  }
  .analytics-panelhead{
    flex-direction:column;
  }
  .analytics-range-label{
    align-self:flex-start;
  }
}

@media(max-width:480px){
  .analytics-summary-dual{
    grid-template-columns:1fr;
  }
}


/* Analytics Open Link hover contrast fix */
.analytics-actions .btn.primary,
.analytics-actions .btn.primary:hover,
.analytics-actions .btn.primary:focus-visible{
  color:#171208!important;
}
.analytics-actions .btn.primary:hover{
  filter:brightness(1.04);
  border-color:#F0C85A;
}


/* =========================================================
   HOMEPAGE PREVIEW — CLEANER, MORE PROMINENT
   ========================================================= */
.home-product-body{
  grid-template-columns:minmax(0,.94fr) 470px;
  min-height:555px;
}
.home-editor-demo{
  padding:23px 22px;
}
.home-preview-demo{
  position:relative;
  padding:24px 24px 28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 34%,#efbd3a15 0%,#d9a52e08 28%,transparent 56%),
    linear-gradient(180deg,#121417 0%,#0b0d10 100%);
}
.home-preview-demo::before{
  content:"";
  position:absolute;
  left:50%;
  top:130px;
  width:310px;
  height:310px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,#eab43b16 0%,#d7a1280a 40%,transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.home-preview-head{
  position:relative;
  z-index:1;
  margin-bottom:18px;
}
.home-preview-head b{
  font-size:14px;
  color:#F5F2E8;
}
.home-device-tabs{
  border-color:#44381F;
}
.home-device-tabs .active{
  background:#3D3219;
  color:#F0C65A;
}
.home-phone{
  position:relative;
  z-index:1;
  width:244px;
  border-color:#413922;
  box-shadow:
    0 26px 62px #000b,
    0 0 0 1px #ffffff04 inset,
    0 0 28px #D8A62D10;
}
.home-phone-art{
  aspect-ratio:1.18;
}
.home-phone-service{
  border-color:#28251D;
}
.home-phone-service:hover{
  border-color:#6D5628;
}

@media(min-width:1450px){
  .home-product-body{
    grid-template-columns:minmax(0,.92fr) 520px;
    min-height:575px;
  }
  .home-phone{
    width:258px;
  }
}
@media(min-width:821px) and (max-width:1199px){
  .home-product-body{
    grid-template-columns:minmax(0,.96fr) 400px;
  }
  .home-phone{
    width:225px;
  }
}
@media(max-width:820px){
  .home-product-body{
    display:block!important;
    min-height:0!important;
  }
  .home-editor-demo{
    display:none!important;
  }
  .home-preview-demo{
    width:100%!important;
    padding:18px 14px 24px!important;
  }
  .home-preview-demo::before{
    width:270px;
    height:270px;
    top:110px;
  }
  .home-preview-head{
    width:100%;
    max-width:430px;
    margin:0 auto 14px!important;
  }
  .home-phone{
    width:min(250px,76vw)!important;
    margin:0 auto!important;
  }
}

/* =========================================================
   PUBLIC SMART LINK — DESKTOP RELEASE CANVAS
   ========================================================= */
@media(min-width:821px){
  .public-stage{
    min-height:100vh;
    padding:42px 24px 56px;
    background:
      radial-gradient(circle at 50% 4%,#C18B1B13 0%,transparent 30%),
      linear-gradient(180deg,#090A0C 0%,#060709 100%);
  }
  .public-stage::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,transparent 0%,#ffffff02 24%,transparent 42%,transparent 58%,#ffffff02 76%,transparent 100%);
  }
  .public{
    width:min(640px,calc(100vw - 48px));
    margin:0 auto;
    padding:30px 38px 42px;
    border-radius:34px;
    border:1px solid #4B3B20;
    background:
      radial-gradient(circle at 50% 8%,#D3A43A0D 0%,transparent 28%),
      linear-gradient(180deg,#101216 0%,#0C0E11 100%);
    box-shadow:
      0 34px 100px #000B,
      0 0 0 1px #E3B64C0A inset,
      0 0 48px #D6A52E0A;
  }
  .public-cover-frame{
    width:min(86%,390px);
  }
  .public h1{
    font-size:34px;
  }
  .public .bio{
    max-width:430px;
  }
}
@media(max-width:820px){
  .public-stage{
    padding:0;
  }
  .public{
    border:0;
    background:transparent;
    box-shadow:none;
  }
}


/* =========================================================
   CREATE / EDIT — REAL ENABLE SWITCH
   Same visual language as the homepage mockup.
   ========================================================= */
.link-switch{
  position:relative;
  width:42px;
  height:24px;
  flex:0 0 42px;
  padding:0;
  border:1px solid #3A4049;
  border-radius:999px;
  background:#252A31;
  cursor:pointer;
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}
.link-switch span{
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#AAB0B8;
  box-shadow:0 1px 3px #0008;
  transition:
    transform .2s cubic-bezier(.22,.7,.25,1),
    background .18s ease;
}
.link-switch.is-on{
  background:linear-gradient(180deg,#F2C953,#DDA72D);
  border-color:#E5B742;
  box-shadow:0 0 14px #D9AA351A;
}
.link-switch.is-on span{
  transform:translateX(18px);
  background:#FFF9E8;
}
.link-switch:hover{
  border-color:#746033;
}
.link-switch.is-on:hover{
  border-color:#F0CA5E;
}
.link-switch:focus-visible{
  outline:2px solid #E2B347;
  outline-offset:2px;
}


/* =========================================================
   PREMIUM TYPE + BORDER SYSTEM
   ========================================================= */
:root{
  --mpl-border:#2C2A25;
  --mpl-border-soft:#24231F;
  --mpl-border-hover:#51452E;
  --mpl-border-gold:#7A602A;
  --mpl-surface:#101216;
  --mpl-surface-raised:#13161A;
}

/* Typography hierarchy */
body{
  font-weight:500;
  letter-spacing:-.006em;
}
.brand{
  font-weight:800!important;
}
.home-eyebrow,
.eyebrow,
.public-section-label,
.home-platform-label,
.home-platform-strip .label{
  font-weight:700!important;
}
.home-title{
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
.home-section h2,
.dashboard h1,
.analytics-page h1{
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.home-copy,
.home-section p,
.public .bio,
.analytics-panelhead p{
  font-weight:450;
}
.btn,
.smallbtn{
  font-weight:700!important;
}
.home-feature b,
.linktitle,
.service-copy b{
  font-weight:700!important;
}
.home-feature .num{
  font-weight:700!important;
}

/* Small trust line under the homepage CTA */
.home-trustline{
  margin:12px auto 0;
  color:#777D86;
  font-size:12px;
  font-weight:500;
  letter-spacing:.005em;
}

/* Secondary buttons: thinner, more refined edges */
.btn:not(.primary):not(.home-primary){
  border-color:var(--mpl-border);
  box-shadow:inset 0 1px 0 #ffffff04;
}
.btn:not(.primary):not(.home-primary):hover{
  border-color:var(--mpl-border-hover);
}

/* Premium card borders: thin, restrained and consistent */
.home-product,
.home-feature,
.linkcard,
.account,
.analytics-panel,
.analytics-total,
.editor,
.preview-shell,
.preview-card,
.modalcard,
.file-alert-card{
  border-color:var(--mpl-border)!important;
  box-shadow:
    inset 0 1px 0 #ffffff035,
    0 12px 34px #00000018;
}
.home-product{
  padding:1px;
  background:
    linear-gradient(135deg,#715620 0%,#343027 22%,#24272D 58%,#6C531F 100%);
  box-shadow:
    0 28px 78px #00000080,
    0 0 32px #D8AA3510;
}
.home-product-shell{
  border:1px solid #171918;
}

/* Feature cards get a barely-visible premium top highlight */
.home-feature,
.linkcard,
.analytics-panel,
.analytics-total,
.account{
  position:relative;
}
.home-feature::before,
.linkcard::before,
.analytics-panel::before,
.analytics-total::before,
.account::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#ffffff0A,transparent);
  pointer-events:none;
}

/* Refined interactive cards */
.home-feature:hover,
.linkcard:hover{
  border-color:var(--mpl-border-hover)!important;
  box-shadow:
    inset 0 1px 0 #ffffff05,
    0 14px 34px #00000024;
}

/* Inputs / editable surfaces */
input,
textarea,
select,
.input,
.textarea{
  border-color:#2A2C2F!important;
  box-shadow:inset 0 1px 0 #ffffff025;
}
input:focus,
textarea:focus,
select:focus,
.input:focus,
.textarea:focus{
  border-color:var(--mpl-border-gold)!important;
  box-shadow:0 0 0 3px #D8A93B0D!important;
}

/* Link rows and switches */
.linkrow{
  border-color:#292821!important;
  box-shadow:inset 0 1px 0 #ffffff025;
}
.linkrow:hover{
  border-color:#443A28!important;
}

/* Dashboard action borders */
.smallbtn{
  border-color:#302E28!important;
  background:#15181C;
  box-shadow:inset 0 1px 0 #ffffff03;
}
.smallbtn:hover{
  border-color:#51452E!important;
}
.openlink-btn{
  border-color:#735A28!important;
}

/* Public Smart Link */
@media(min-width:821px){
  .public{
    border-color:#43371F!important;
    box-shadow:
      inset 0 1px 0 #ffffff035,
      0 30px 84px #00000082,
      0 0 30px #D8A62D0A!important;
  }
}
.public-cover-frame{
  border-color:#5D4924!important;
}
.public .service{
  border-color:#302D26!important;
  box-shadow:
    inset 0 1px 0 #ffffff035,
    0 7px 18px #00000024;
}
.public .service:hover{
  border-color:#765D2B!important;
}

/* Analytics charts/details */
.destination-row{
  border-top-color:#292720!important;
}
.analytics-range-tabs{
  border-color:#393125!important;
}

/* Cleaner footer */
.footer{
  font-weight:500;
  letter-spacing:0;
}

/* Mobile type spacing */
@media(max-width:820px){
  .home-title{
    letter-spacing:-.038em!important;
  }
  .home-trustline{
    margin-top:10px;
    font-size:11px;
  }
}


/* =========================================================
   PLAN FOUNDATION + PRIVATE ADMIN
   ========================================================= */
.plan-line{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.plan-line small{color:#818892}
.plan-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  border:1px solid #34373D;
  background:#17191D;
  color:#A4AAB3;
}
.plan-badge.pro{
  color:#201708;
  border-color:#D7AA3A;
  background:linear-gradient(180deg,#FFE698,#E3AD36);
}
.plan-badge.free{
  color:#BBC0C8;
}
.admin-account-btn{
  border-color:#6B5427!important;
  color:#E6BE59!important;
}
.admin-page{
  width:min(94vw,1420px);
  max-width:none;
  padding:58px 0 80px;
}
.admin-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
}
.admin-head h1{
  margin:9px 0 4px;
  font-size:clamp(38px,4vw,62px);
  letter-spacing:-.045em;
}
.admin-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:28px 0 18px;
}
.admin-stat{
  padding:20px;
  border:1px solid #2C2A25;
  border-radius:18px;
  background:linear-gradient(180deg,#111419,#0E1013);
  box-shadow:inset 0 1px 0 #ffffff04;
}
.admin-stat span{
  display:block;
  color:#9A8148;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.admin-stat strong{
  display:block;
  margin-top:7px;
  color:#F4F1E8;
  font-size:34px;
}
.admin-search{
  display:flex;
  gap:8px;
  margin:16px 0;
}
.admin-search .input{
  max-width:430px;
}
.admin-table-wrap{
  overflow:auto;
  border:1px solid #2C2A25;
  border-radius:20px;
  background:#0F1114;
  box-shadow:inset 0 1px 0 #ffffff035;
}
.admin-table{
  width:100%;
  border-collapse:collapse;
  min-width:900px;
}
.admin-table th,
.admin-table td{
  padding:15px 16px;
  text-align:left;
  border-bottom:1px solid #23231F;
  vertical-align:middle;
}
.admin-table th{
  color:#8E7948;
  font-size:10px;
  letter-spacing:.12em;
  font-weight:800;
  background:#111317;
}
.admin-table td{
  color:#D9DCE0;
  font-size:13px;
}
.admin-table td small{
  display:block;
  color:#737A84;
  margin-top:4px;
  font-size:10px;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-table tr:last-child td{border-bottom:0}
.admin-plan-btn{
  border:1px solid #4B412F;
  background:#17191C;
  color:#E4E6E9;
  padding:8px 10px;
  border-radius:10px;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.admin-plan-btn:hover{border-color:#79602C}
.admin-plan-btn.pro-action{
  color:#E6BD58;
}
.admin-plan-btn.free-action{
  color:#AAB0B9;
}
.admin-plan-btn:disabled{opacity:.55;cursor:wait}
.admin-empty{
  text-align:center!important;
  padding:40px!important;
  color:#777E88!important;
}
@media(max-width:820px){
  .admin-page{width:min(100% - 22px,720px);padding-top:34px}
  .admin-head{align-items:flex-start;flex-direction:column}
  .admin-stats{grid-template-columns:1fr 1fr}
  .admin-search{flex-wrap:wrap}
  .admin-search .input{max-width:none;flex:1 1 100%}
}


/* =========================================================
   PRO + STRIPE BILLING
   ========================================================= */
.billing-banner{
  width:min(100%,900px);
  margin:14px auto 0;
  padding:12px 14px;
  border:1px solid #3A3427;
  background:#15130F;
  color:#C9B98F;
  border-radius:13px;
  font-size:13px;
}
.billing-banner.success{
  border-color:#6B5427;
  color:#F0CE76;
}
.account-billing-actions{
  margin:18px 0 4px;
}
.account-billing-actions .btn{
  width:100%;
  text-align:center;
  justify-content:center;
}
.pro-page{
  max-width:1080px;
  padding:70px 0 100px;
}
.pro-hero{
  text-align:center;
  max-width:760px;
  margin:0 auto 38px;
}
.pro-hero h1{
  margin:12px 0 14px;
  font-size:clamp(48px,7vw,84px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:800;
}
.pro-hero p{
  max-width:640px;
  margin:0 auto;
  color:#9A9FA7;
  font-size:16px;
  line-height:1.65;
}
.plan-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
}
.price-card{
  position:relative;
  padding:28px;
  border:1px solid #2A2B2F;
  background:linear-gradient(180deg,#111419,#0D0F12);
  border-radius:24px;
  box-shadow:inset 0 1px 0 #ffffff05;
}
.price-card.pro-card{
  border-color:#6A5225;
  box-shadow:inset 0 1px 0 #f5cf6c12,0 20px 70px #00000045;
}
.price-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.price-card h2{
  margin:8px 0 0;
  font-size:44px;
  letter-spacing:-.04em;
}
.price-card small{color:#7D848E}
.price-card ul{
  list-style:none;
  padding:0;
  margin:28px 0;
  border-top:1px solid #24262A;
}
.price-card li{
  position:relative;
  padding:13px 0 13px 25px;
  border-bottom:1px solid #24262A;
  color:#C7CBD1;
  font-size:13px;
}
.price-card li:before{
  content:'✓';
  position:absolute;
  left:0;
  color:#D9AD48;
  font-weight:800;
}
.price-card .btn{
  width:100%;
  text-align:center;
  justify-content:center;
}
.pro-chip{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid #D5A83B;
  background:linear-gradient(180deg,#FFE496,#DDA62F);
  color:#231A08;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
@media(max-width:760px){
  .pro-page{width:min(100% - 24px,620px);padding-top:46px}
  .plan-grid{grid-template-columns:1fr}
  .pro-hero{text-align:left}
  .pro-hero h1{font-size:clamp(46px,14vw,68px)}
}


/* =========================================================
   PRO TOOLS + ADVANCED ANALYTICS
   ========================================================= */
.public-artist-line{display:flex;align-items:center;justify-content:center;gap:7px}
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#FFE89B,#D9A531);color:#1B1407;font-size:11px;font-weight:900;box-shadow:0 0 18px #d9a53133}
.pro-settings-page{max-width:900px;padding:62px 0 90px}
.pro-settings-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.pro-settings-head h1{margin:8px 0 4px;font-size:clamp(42px,6vw,68px);letter-spacing:-.05em}
.pro-tool-card{margin-top:14px;padding:24px;border:1px solid #292A2D;border-radius:22px;background:linear-gradient(180deg,#111419,#0D0F12);box-shadow:inset 0 1px 0 #ffffff04}
.pro-tool-title{display:flex;align-items:center;justify-content:space-between;gap:24px}
.pro-tool-title span:first-child{color:#A8883F;font-size:10px;font-weight:800;letter-spacing:.14em}
.pro-tool-title h2{margin:7px 0 4px;font-size:21px}
.pro-tool-title p{max-width:680px;margin:0;color:#858C96;font-size:13px;line-height:1.6}
.pro-tool-title p strong{color:#C7CBD1}
.pro-tool-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:20px}
.pro-event-list{margin-top:10px;color:#6F7680;font-size:11px;line-height:1.5}
.pro-switch{position:relative;flex:0 0 auto;width:52px;height:29px}
.pro-switch input{position:absolute;opacity:0}
.pro-switch span{display:block;width:100%;height:100%;border-radius:999px;background:#25282D;border:1px solid #393D43;transition:.18s ease}
.pro-switch span:after{content:'';position:absolute;width:21px;height:21px;border-radius:50%;left:4px;top:4px;background:#90959D;transition:.18s ease}
.pro-switch input:checked+span{background:#5E491F;border-color:#A78231}
.pro-switch input:checked+span:after{transform:translateX(23px);background:#F0C75F}
.domain-status{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid #373B42;color:#8B929C;font-size:10px!important;font-weight:800;letter-spacing:.1em!important}
.domain-status.active{color:#F0C75F;border-color:#79602B;background:#1A160D}
.domain-status.pending{color:#B9A46E;border-color:#55482B}
.dns-box{display:grid;grid-template-columns:120px 1fr 2fr;gap:8px;margin-top:16px;padding:14px;border:1px solid #2A2D32;border-radius:14px;background:#0B0D10}
.dns-box.hidden{display:none}
.dns-box span{display:block;color:#6F7680;font-size:9px;font-weight:800;letter-spacing:.12em}
.dns-box strong{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.domain-note{margin-top:12px;color:#747B85;font-size:11px;line-height:1.55}
.domain-note strong{color:#AEB4BC}
.domain-actions{display:flex;gap:8px;margin-top:14px}
.advanced-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.advanced-metric{min-width:0;padding:17px;border:1px solid #2C2B26;border-radius:17px;background:#101216}
.advanced-metric span{display:block;color:#A18543;font-size:9px;font-weight:800;letter-spacing:.11em}
.advanced-metric strong{display:block;margin-top:8px;font-size:27px;line-height:1.05;overflow:hidden;text-overflow:ellipsis}
.advanced-metric strong.metric-text{font-size:16px;white-space:nowrap}
.advanced-metric small{display:block;margin-top:6px;color:#727985;font-size:10px}
.analytics-upgrade{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0;padding:21px;border:1px solid #594724;border-radius:19px;background:linear-gradient(110deg,#15130E,#101216)}
.analytics-upgrade span{color:#C39A3D;font-size:9px;font-weight:800;letter-spacing:.12em}
.analytics-upgrade strong{display:block;margin-top:5px;font-size:17px}
.analytics-upgrade p{max-width:650px;margin:5px 0 0;color:#7D848E;font-size:12px}
@media(max-width:900px){.advanced-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .pro-settings-page{width:min(100% - 24px,620px);padding-top:38px}
  .pro-settings-head{align-items:flex-start}
  .pro-tool-title{align-items:flex-start}
  .pro-tool-form{grid-template-columns:1fr}
  .dns-box{grid-template-columns:1fr}
  .analytics-upgrade{align-items:flex-start;flex-direction:column}
  .advanced-metrics{grid-template-columns:1fr 1fr}
}



/* =========================================================
   HELP / HOW TO
   ========================================================= */
.account-help-row{
  margin:8px 0 0;
}
.account-help-btn{
  width:100%;
  justify-content:center;
  text-align:center;
  color:#D8DCE2!important;
}
.account-help-btn:hover{
  color:#F1CB6A!important;
  border-color:#5D4922!important;
}
.help-page{
  max-width:1040px;
  padding:68px 0 100px;
}
.help-hero{
  max-width:760px;
}
.help-hero h1{
  margin:10px 0 12px;
  font-size:clamp(48px,7vw,82px);
  line-height:.97;
  letter-spacing:-.055em;
  font-weight:800;
}
.help-hero p{
  max-width:620px;
  margin:0;
  color:#8E949D;
  font-size:16px;
  line-height:1.65;
}
.help-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:38px;
}
.help-step{
  min-height:210px;
  padding:22px;
  border:1px solid #292B2F;
  border-radius:20px;
  background:linear-gradient(180deg,#111419,#0D0F12);
  box-shadow:inset 0 1px 0 #ffffff04;
}
.help-step>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:26px;
  padding:0 8px;
  border:1px solid #5D4922;
  border-radius:999px;
  color:#D8AF50;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
}
.help-step h2{
  margin:24px 0 8px;
  font-size:18px;
  letter-spacing:-.02em;
}
.help-step p{
  margin:0;
  color:#838A94;
  font-size:12px;
  line-height:1.65;
}
.help-pro,
.help-final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:18px;
  padding:28px;
  border:1px solid #5C4822;
  border-radius:22px;
  background:linear-gradient(115deg,#17140E,#0F1114 62%);
}
.help-pro-copy{max-width:720px}
.help-pro h2,
.help-final h2{
  margin:7px 0 7px;
  font-size:27px;
  letter-spacing:-.035em;
}
.help-pro p{
  margin:0;
  color:#858C95;
  font-size:13px;
  line-height:1.65;
}
.faq-section{
  margin-top:54px;
}
.faq-section>h2{
  margin:8px 0 20px;
  font-size:36px;
  letter-spacing:-.045em;
}
.faq-section details{
  border-top:1px solid #282A2E;
}
.faq-section details:last-of-type{
  border-bottom:1px solid #282A2E;
}
.faq-section summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:18px 38px 18px 0;
  color:#E8E6DE;
  font-size:14px;
  font-weight:700;
}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{
  content:'+';
  position:absolute;
  right:4px;
  top:14px;
  color:#C79C3D;
  font-size:22px;
  font-weight:500;
}
.faq-section details[open] summary:after{content:'–'}
.faq-section details p{
  max-width:820px;
  margin:-3px 0 19px;
  color:#858C95;
  font-size:12px;
  line-height:1.7;
}
.help-final{
  margin-top:48px;
  background:#101216;
  border-color:#2B2C30;
}
@media(max-width:820px){
  .help-page{width:min(100% - 24px,700px);padding-top:44px}
  .help-steps{grid-template-columns:1fr 1fr}
  .help-pro,.help-final{align-items:flex-start;flex-direction:column}
}
@media(max-width:540px){
  .help-steps{grid-template-columns:1fr}
  .help-step{min-height:0}
  .help-hero h1{font-size:clamp(44px,14vw,64px)}
}


/* =========================================================
   HOME LAUNCH POLISH — HERO + DEMO + INTERACTIVE PREVIEW
   ========================================================= */
:root{--mpl-demo-art:url("/assets/demo/art-original-v2.webp")}
.home-hero{padding-top:70px}
.home-eyebrow{font-size:13px;letter-spacing:.22em}
.home-title{font-size:clamp(60px,7.4vw,104px);line-height:.91;letter-spacing:-.055em;max-width:980px;margin:18px auto 23px}
.home-title-line{display:block;white-space:nowrap}
.home-copy{font-size:19px;max-width:820px}
.home-actions .btn{font-size:14px;padding:15px 25px}
.home-trustline{font-size:14px;color:#9298A1;margin-top:14px}

.home-product{width:min(1240px,100%);margin-top:50px}
.home-product-top{height:60px;padding:0 22px}
.home-mini-brand{font-size:12px}
.home-tool{height:30px;font-size:10px;padding:0 13px}
.home-product-body{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);min-height:610px}
.home-editor-demo{padding:30px 28px;border-right:1px solid #25272b}
.home-demo-title{font-size:20px;margin-bottom:20px}
.home-release-row{grid-template-columns:150px 1fr;gap:20px}
.demo-art{background-image:linear-gradient(180deg,transparent 62%,#05060799),var(--mpl-demo-art)!important;background-size:cover!important;background-position:center!important}
.home-art{border-color:#6A5228;box-shadow:inset 0 0 40px #0005,0 12px 32px #0004}
.home-demo-fields{display:grid;gap:10px}
.home-demo-field{min-height:52px;padding:10px 12px;border:1px solid #2D3035;border-radius:10px;background:#14171B}
.home-demo-field span{display:block;color:#777F89;font-size:8px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}
.home-demo-field strong{display:block;color:#EEF0F2;font-size:13px;line-height:1.35}
.home-demo-field.bio{min-height:72px}
.home-demo-field.bio strong{color:#B9BEC6;font-size:11px;font-weight:600}
.home-platform-label{font-size:11px;margin-top:28px}
.home-platform-grid{gap:10px}
.home-platform-pill{height:52px;font-size:12px;padding:0 13px}
.home-platform-pill .ico{width:29px;height:29px}
.home-platform-pill .ico svg{width:26px;height:26px}
.home-toggle{width:31px;height:18px}
.home-toggle::after{width:14px;height:14px}

.home-preview-demo{padding:28px 30px 30px;align-items:stretch;background:
 radial-gradient(circle at 54% 40%,#E4A82B2C,transparent 44%),
 linear-gradient(180deg,#111316,#0B0D0F)}
.home-preview-head{margin-bottom:18px}
.home-preview-head>div:first-child{display:grid;gap:3px}
.home-preview-head b{font-size:17px}
.home-preview-head>div:first-child span{color:#7F8791;font-size:10px}
.home-device-tabs{font-size:10px;padding:3px}
.home-device-tabs button{appearance:none;border:0;background:transparent;color:#858C96;padding:7px 12px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}
.home-device-tabs button.active{background:#3B311A;color:#F2C759;box-shadow:inset 0 0 0 1px #725A28}
.home-preview-stage{position:relative;display:grid;place-items:center;min-height:505px}
.home-phone{width:270px;padding:13px;border-radius:34px;transition:opacity .2s ease,transform .25s ease}
.home-phone-art{aspect-ratio:1;border-radius:18px;margin-bottom:12px}
.home-phone-title{font-size:17px}
.home-phone-artist{font-size:11px;margin:4px 0 12px}
.home-phone-section-label{font-size:8px;letter-spacing:.16em}
.home-phone-service{height:44px;grid-template-columns:29px 1fr 14px;padding:0 10px}
.home-phone-service .ico svg{width:24px;height:24px}
.home-phone-service b{font-size:11px}

.home-desktop-preview{display:none;width:min(100%,610px);border:1px solid #3A3D43;border-radius:18px;background:#090A0C;overflow:hidden;box-shadow:0 25px 75px #000A,0 0 42px #DFA72C16}
.home-browser-bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #26292E;background:#111317}
.home-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#444950}
.home-browser-bar>div{margin-left:8px;flex:1;height:20px;border:1px solid #2B2E33;border-radius:7px;background:#0C0E10;color:#686F78;font-size:8px;display:flex;align-items:center;padding:0 9px;overflow:hidden}
.home-desktop-canvas{padding:24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;background:
 radial-gradient(circle at 23% 40%,#D99F2B1C,transparent 32%),#090B0D}
.home-desktop-release{min-width:0}
.home-desktop-art{aspect-ratio:1;border-radius:17px;border:1px solid #5E4925;box-shadow:0 18px 45px #0008}
.home-desktop-copy{padding-top:13px;text-align:center}
.home-desktop-kicker,.home-desktop-label{color:#A88334;font-size:7px;font-weight:900;letter-spacing:.14em}
.home-desktop-copy h3{margin:5px 0 2px;font-size:22px;letter-spacing:-.035em}
.home-desktop-copy p{margin:0;color:#E0B952;font-size:11px;font-weight:700}
.home-desktop-copy small{display:block;margin-top:7px;color:#767E88;font-size:9px;line-height:1.45}
.home-desktop-links{min-width:0}
.home-desktop-label{margin-bottom:7px}
.home-desktop-service{height:45px;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:8px;padding:0 10px;margin-top:7px;border:1px solid #282B30;border-radius:11px;background:#13161A}
.home-desktop-service .ico svg{width:24px;height:24px}
.home-desktop-service b{font-size:11px}
.home-desktop-service>span:last-child{color:#BE9843}
.home-desktop-more{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.home-desktop-more span{height:36px;border:1px solid #413721;border-radius:10px;background:#12130F;color:#D9C48F;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.home-desktop-more svg{width:16px;height:16px}

.home-preview-stage[data-home-preview="desktop"] .home-phone{display:none}
.home-preview-stage[data-home-preview="desktop"] .home-desktop-preview{display:block;animation:homePreviewIn .25s ease both}
@keyframes homePreviewIn{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}

.home-platform-strip{padding:38px 0 20px}
.home-platform-strip .label{font-size:12px;margin-bottom:22px;color:#818894}
.home-logos{gap:28px 30px}
.home-logo-item{font-size:14px;gap:9px}
.home-logo-item svg{width:26px;height:26px}

@media(max-width:1050px){
  .home-product-body{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)}
  .home-phone{width:250px}
}
@media(max-width:860px){
  .home-title{font-size:clamp(54px,12vw,82px)}
  .home-product-body{grid-template-columns:1fr}
  .home-editor-demo{border-right:0;border-bottom:1px solid #25272B}
  .home-preview-demo{min-height:600px}
  .home-preview-stage{min-height:520px}
  .home-desktop-preview{width:min(100%,640px)}
}
@media(max-width:620px){
  .home-hero{padding-top:44px}
  .home-eyebrow{font-size:11px;letter-spacing:.18em}
  .home-title{font-size:clamp(48px,14vw,66px);line-height:.92}
  .home-title-line{white-space:normal}
  .home-copy{font-size:16px}
  .home-trustline{font-size:13px}
  .home-product{margin-top:38px}
  .home-product-top{height:54px;padding:0 14px}
  .home-editor-demo{padding:20px 16px}
  .home-release-row{grid-template-columns:108px 1fr;gap:12px}
  .home-demo-field{min-height:47px;padding:8px 9px}
  .home-platform-grid{grid-template-columns:1fr}
  .home-platform-pill{height:50px}
  .home-preview-demo{padding:20px 14px 24px;min-height:570px}
  .home-preview-head{align-items:flex-start;gap:12px}
  .home-device-tabs button{padding:6px 9px}
  .home-phone{width:min(280px,88vw)}
  .home-desktop-canvas{grid-template-columns:1fr;padding:16px}
  .home-desktop-release{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
  .home-desktop-copy{text-align:left;padding:0}
  .home-desktop-links{margin-top:4px}
  .home-platform-strip{padding-top:30px}
  .home-platform-strip .label{font-size:11px}
  .home-logo-item{font-size:13px}
}


/* =========================================================
   HOME DEMO SYNC + TRIPLE EXAMPLE ROTATION
   PUBLIC DESKTOP ADAPTIVE LAYOUT
   ========================================================= */
:root{
  --mpl-demo-art-male:url("/assets/demo/art-male-v2.webp");
  --mpl-demo-art-female:url("/assets/demo/art-female-v2.webp");
}
:root{
  --mpl-demo-art-artist:url("/assets/demo/art-artist-v2.webp");
  --mpl-demo-art-gamer:url("/assets/demo/art-gamer-v2.webp");
  --mpl-demo-art-friends:url("/assets/demo/art-friends-v2.webp");
}
#homeDemo{--mpl-demo-art-current:var(--mpl-demo-art-artist)}
#homeDemo .demo-art{
  background-image:linear-gradient(180deg,transparent 62%,#05060799),var(--mpl-demo-art-current)!important;
  transition:background-image .35s ease,filter .35s ease;
}
.home-product-body{grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr)}
.home-demo-rotation{display:inline-flex;gap:6px;align-items:center;margin-right:4px}
.home-demo-rotation i{width:7px;height:7px;border-radius:50%;background:#494D54;cursor:pointer;transition:.18s ease}
.home-demo-rotation i.active{background:#F0BE48;box-shadow:0 0 10px #E9B64066}

.home-platform-pill{
  appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:opacity .16s ease,border-color .16s ease,background .16s ease;
}
.home-platform-pill.is-off{
  opacity:.48;
  border-color:#25282D;
  background:#0F1215;
}
.home-platform-pill.is-off .home-toggle{
  background:#34383E;
  box-shadow:none;
}
.home-platform-pill.is-off .home-toggle::after{
  right:auto;
  left:2px;
  background:#8C929B;
}
.home-platform-pill.is-on:hover{border-color:#5A4828}
.is-hidden{display:none!important}

.home-phone{
  width:260px;
  aspect-ratio:390/844;
  height:auto;
  padding:10px;
  overflow:hidden;
  border-radius:36px;
  position:relative;
}
.home-phone-notch{
  position:absolute;
  z-index:4;
  top:7px;
  left:50%;
  transform:translateX(-50%);
  width:82px;
  height:18px;
  border-radius:0 0 12px 12px;
  background:#020304;
  border:1px solid #1B1E22;
}
.home-phone-scroll{
  height:100%;
  overflow:hidden;
  padding:18px 2px 2px;
}
.home-phone-art{
  height:142px;
  aspect-ratio:auto;
  border-radius:16px;
  margin-bottom:8px;
}
.home-phone-title{font-size:15px}
.home-phone-artist{font-size:9px;margin:2px 0 7px}
.home-phone-section-label{font-size:7px;margin-top:5px}
.home-phone-section-label.more{margin-top:7px}
.home-phone-service{
  height:30px;
  margin-top:4px;
  border-radius:9px;
  grid-template-columns:22px 1fr 10px;
  gap:6px;
  padding:0 7px;
}
.home-phone-service .ico svg{width:18px;height:18px}
.home-phone-service b{font-size:8.5px}
.home-phone-socials{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:9px;
}
.home-phone-social{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #2B2E34;
  border-radius:50%;
  background:#111419;
}
.home-phone-social svg{width:17px;height:17px}

.home-desktop-preview{width:min(100%,690px)}
.home-desktop-canvas{grid-template-columns:minmax(0,44%) minmax(0,56%);gap:26px;padding:26px}
.home-desktop-socials{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:8px;
}
.home-desktop-socials span{
  min-height:34px;
  border:1px solid #2C2F34;
  border-radius:10px;
  background:#121519;
  color:#D9DDE2;
  font-size:9px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.home-desktop-socials svg{width:16px;height:16px}

@media(min-width:861px){
  .public-stage{
    display:grid;
    align-items:start;
    padding:46px 22px 70px;
  }
  .public{
    width:min(1120px,calc(100% - 16px));
    padding:0;
    text-align:left;
    display:grid;
    gap:42px;
    align-items:start;
  }
  .public.public-density-few{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .public.public-density-medium{grid-template-columns:minmax(0,11fr) minmax(0,14fr)}
  .public.public-density-many{grid-template-columns:minmax(0,12fr) minmax(0,13fr)}
  .public-release{
    margin:0;
    min-width:0;
  }
  .public-actions{
    min-width:0;
    padding-top:28px;
  }
  .public-release-kicker{
    text-align:left;
    margin-bottom:14px;
  }
  .public-cover-frame{
    width:100%;
    max-width:none;
    margin:0;
  }
  .public h1{
    text-align:left;
    font-size:clamp(32px,3.1vw,46px);
    margin:20px 0 7px;
  }
  .public .artist{
    justify-content:flex-start;
    text-align:left;
  }
  .public .bio{
    margin:10px 0 0;
    max-width:520px;
    text-align:left;
    font-size:14px;
  }
  .public-section{
    margin-top:0;
    margin-bottom:18px;
  }
  .public-section-label{
    text-align:left;
  }
  .public .service{
    min-height:58px;
  }
  .public-density-many .service{
    min-height:54px;
    margin:7px 0;
  }
  .public-socials{
    justify-content:flex-start;
    margin-top:8px;
  }
  .powered{
    margin-top:16px;
  }
}

@media(max-width:860px){
  .home-product-body{grid-template-columns:1fr}
  .home-preview-demo{min-height:610px}
  .home-preview-stage{min-height:545px}
  .home-phone{width:250px}
  .public{
    display:block;
    width:min(480px,calc(100% - 28px));
    padding:34px 0 58px;
    text-align:center;
  }
  .public-actions{padding:0}
  .public-release-kicker{text-align:center}
  .public-cover-frame{width:min(92%,400px);margin:0 auto}
  .public h1{text-align:center}
  .public .artist{justify-content:center;text-align:center}
  .public .bio{margin:10px auto 0;text-align:center}
  .public-section{margin-top:22px;margin-bottom:0}
  .public-section-label{text-align:center}
  .public-socials{justify-content:center}
}

@media(max-width:620px){
  .home-phone{width:min(255px,84vw)}
  .home-phone-art{height:136px}
  .home-release-row{grid-template-columns:104px 1fr}
  .home-product-body{display:block}
}


/* =========================================================
   PHASE 7 — FINAL RESPONSIVE / ACCOUNT / PUBLIC POLISH
   ========================================================= */

/* Account spacing */
.account-billing-actions{
  display:grid!important;
  gap:14px!important;
  margin:24px 0 20px!important;
}
.account-billing-actions .btn{
  width:100%;
  min-height:52px;
  margin:0!important;
}
.account-admin-row{
  margin-top:16px!important;
  padding-top:20px!important;
  padding-bottom:4px!important;
}
.account-admin-row .btn{
  min-height:48px;
}
.account-help-row{
  margin-top:14px!important;
  margin-bottom:0!important;
}
.account-help-btn{
  min-height:48px;
}
.account-signout-row{
  margin-top:14px!important;
  padding-top:20px!important;
}
.account-signout-row #logout{
  min-height:46px;
}

/* Natural homepage demo art: do not add artificial gold overlays */
#homeDemo .demo-art{
  background-image:var(--mpl-demo-art-current)!important;
  background-color:#0A0C0F!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}

/* Demo Verification Badge */
.home-demo-badge{
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  margin-left:5px;
  border-radius:50%;
  background:linear-gradient(180deg,#FFE28A,#D8A32D);
  color:#1A1306;
  font-size:10px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 12px #D9A5312B;
  vertical-align:middle;
}
.home-phone-artist,
.home-desktop-artist-line{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.home-desktop-artist-line{
  color:#E0B952!important;
}

/* Larger, realistic phone preview */
.home-preview-demo{
  min-width:0;
}
.home-preview-stage{
  min-height:690px!important;
}
.home-phone{
  width:310px!important;
  max-width:92%;
  aspect-ratio:390/844!important;
  min-height:0!important;
}
.home-phone-scroll{
  padding-top:18px!important;
}
.home-phone-art{
  height:188px!important;
  aspect-ratio:1/1!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#090B0E!important;
}
.home-phone-title{
  margin-top:4px;
}
.home-phone-service{
  height:32px!important;
}
.home-phone-socials{
  margin-top:11px!important;
}

/* Desktop demo artwork should also show the full sample art */
.home-desktop-art{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#090B0E!important;
}

/* Keep Release Details + Preview from colliding */
.home-editor-demo,
.home-preview-demo,
.home-release-row,
.home-demo-fields,
.home-platform-grid,
.home-platform-pill{
  min-width:0;
}
.home-platform-pill{
  overflow:hidden;
}
.home-platform-pill>.ico{
  flex:0 0 auto;
}
.home-platform-pill{
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Curated homepage platform strip: 8 services, always balanced */
.home-platform-strip .wrap{
  max-width:1050px;
}
.home-logos{
  width:min(920px,100%);
  margin:0 auto;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px 28px!important;
  align-items:center;
}
.home-logo-item{
  justify-content:flex-start;
  min-width:0;
}

/* Stack the big homepage product earlier, before it can overlap */
@media(max-width:1120px){
  .home-product{
    width:min(940px,100%)!important;
  }
  .home-product-body{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  .home-editor-demo{
    border-right:0!important;
    border-bottom:1px solid #25272B!important;
  }
  .home-preview-demo{
    min-height:760px!important;
  }
  .home-preview-stage{
    min-height:700px!important;
  }
  .home-phone{
    width:305px!important;
  }
  .home-desktop-preview{
    width:min(100%,760px)!important;
  }
}

@media(max-width:760px){
  .home-platform-grid{
    grid-template-columns:1fr!important;
  }
  .home-release-row{
    grid-template-columns:116px minmax(0,1fr)!important;
  }
  .home-preview-demo{
    min-height:720px!important;
  }
  .home-phone{
    width:min(300px,88vw)!important;
  }
  .home-logos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(560px,100%);
    gap:22px 18px!important;
  }
  .home-logo-item{
    font-size:13px!important;
  }
}

@media(max-width:460px){
  .home-release-row{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .home-demo-field strong{
    font-size:11px!important;
  }
  .home-phone{
    width:min(292px,92vw)!important;
  }
}

/* =========================================================
   REAL PUBLIC SMART LINK — DESKTOP REFINEMENT
   ========================================================= */
.public-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:54px 28px 72px!important;
}
.public{
  position:relative;
  z-index:1;
  width:min(1120px,calc(100% - 24px))!important;
  margin:0 auto!important;
  padding:30px!important;
  border:1px solid #59451F!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#0E1115F4,#090B0EF4)!important;
  box-shadow:0 32px 110px #000A,inset 0 1px 0 #FFFFFF08!important;
  overflow:hidden;
}
.public-release{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.public-release-kicker{
  order:1;
  margin:0 0 18px!important;
  text-align:left!important;
}
.public-heading{
  order:2;
  text-align:center;
  margin:0 0 16px;
}
.public-heading h1{
  margin:0 0 7px!important;
  text-align:center!important;
  font-size:clamp(32px,3.1vw,46px)!important;
}
.public-heading .artist{
  justify-content:center!important;
  text-align:center!important;
}
.public-cover-frame{
  order:3;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.public-cover-frame .cover{
  object-fit:contain!important;
  background:#0B0D10!important;
}
.public .bio{
  order:4;
  margin:15px auto 0!important;
  max-width:560px!important;
  text-align:center!important;
  font-size:14px!important;
}
.public-actions{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  padding-top:30px!important;
}
.public-section{
  width:100%;
}
.public-powered{
  display:inline-flex!important;
  align-self:flex-start!important;
  margin-top:auto!important;
  padding-top:24px!important;
}
.public-socials{
  justify-content:flex-start!important;
}

/* Progressive art / links balance */
@media(min-width:861px){
  .public.public-density-few{
    grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;
  }
  .public.public-density-medium{
    grid-template-columns:minmax(0,44fr) minmax(0,56fr)!important;
  }
  .public.public-density-many{
    grid-template-columns:minmax(0,48fr) minmax(0,52fr)!important;
  }
}

/* Mobile public page keeps the familiar vertical order */
@media(max-width:860px){
  .public-stage{
    display:block!important;
    padding:26px 14px 48px!important;
  }
  .public{
    display:block!important;
    width:min(500px,100%)!important;
    padding:22px 18px 34px!important;
    border-radius:24px!important;
  }
  .public-release-kicker{
    order:1;
    text-align:center!important;
    margin-bottom:14px!important;
  }
  .public-cover-frame{
    order:2;
    width:min(94%,420px)!important;
    margin:0 auto!important;
  }
  .public-heading{
    order:3;
    margin:17px 0 0!important;
  }
  .public-heading h1{
    text-align:center!important;
    font-size:clamp(30px,9vw,42px)!important;
  }
  .public .bio{
    order:4;
    margin:10px auto 0!important;
  }
  .public-actions{
    padding-top:0!important;
    height:auto!important;
  }
  .public-section{
    margin-top:22px!important;
  }
  .public-section-label{
    text-align:center!important;
  }
  .public-socials{
    justify-content:center!important;
  }
  .public-powered{
    align-self:center!important;
    margin:22px auto 0!important;
    padding-top:0!important;
  }
}

/* =========================================================
   PHASE 7.1 — PUBLIC DESKTOP ALIGNMENT TUNING
   ========================================================= */
.public-stage{
  padding:58px 30px 78px!important;
}
.public{
  width:min(1180px,calc(100% - 28px))!important;
  padding:34px 36px!important;
}

@media(min-width:861px){
  /* Make the whole published Smart Link breathe a bit more */
  .public{
    gap:38px!important;
  }

  /* Right column should not start above the artwork block */
  .public-actions{
    padding-top:132px!important;
    align-items:center!important;
  }

  /* Shorter, more controlled action width */
  .public-section{
    width:min(560px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .public-section .service{
    width:100%!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .public-section-label{
    width:min(560px,100%)!important;
    margin:0 auto 10px!important;
  }

  .public-social-section{
    width:min(560px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .public-socials{
    width:min(560px,100%)!important;
    margin:0 auto!important;
    justify-content:flex-start!important;
  }

  .public-powered{
    width:min(560px,100%)!important;
    align-self:center!important;
    justify-content:flex-start!important;
    margin-top:auto!important;
  }
}

/* Tablet tightening while preserving alignment */
@media(min-width:861px) and (max-width:1040px){
  .public{
    width:min(1100px,calc(100% - 24px))!important;
    padding:30px 28px!important;
  }
  .public-actions{
    padding-top:122px!important;
  }
  .public-section,
  .public-section .service,
  .public-section-label,
  .public-social-section,
  .public-socials,
  .public-powered{
    width:min(500px,100%)!important;
    max-width:500px!important;
  }
}


/* =========================================================
   PHASE 7.2 — MOBILE HOME PREVIEW: MOBILE ONLY
   ========================================================= */
@media(max-width:760px){
  /* On mobile, show only the mobile preview option */
  .home-device-tabs [data-home-device="desktop"]{
    display:none!important;
  }

  /* Keep the mobile tab looking intentional as the only option */
  .home-device-tabs{
    display:inline-flex!important;
  }

  .home-device-tabs [data-home-device="mobile"]{
    display:inline-flex!important;
  }

  /* Never render the desktop preview on narrow screens */
  .home-desktop-preview{
    display:none!important;
  }

  .home-preview-stage[data-home-preview="desktop"] .home-desktop-preview{
    display:none!important;
  }

  .home-preview-stage[data-home-preview="desktop"] .home-phone{
    display:block!important;
  }

  /* Keep the phone centered and dominant */
  .home-preview-stage{
    place-items:center!important;
  }

  .home-phone{
    margin:0 auto!important;
  }
}


/* =========================================================
   PHASE 7.3 — PRO MOBILE + ACCOUNT ACTION SPACING
   ========================================================= */

/* Give the Account action stack unmistakable breathing room. */
.account-billing-actions{
  display:grid!important;
  gap:16px!important;
  margin:26px 0 28px!important;
}
.account-billing-actions .btn{
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.account-admin-row{
  margin:0!important;
  padding:24px 0 0!important;
  border-top:1px solid #23272E!important;
}
.account-admin-row .admin-account-btn{
  display:flex!important;
  width:100%!important;
  min-height:50px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

.account-help-row{
  margin:18px 0 0!important;
  padding:0!important;
}
.account-help-btn{
  display:flex!important;
  width:100%!important;
  min-height:50px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

.account-signout-row{
  margin:20px 0 0!important;
  padding:22px 0 0!important;
  border-top:1px solid #23272E!important;
}
.account-signout-row #logout{
  display:flex!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

/* Advanced Analytics CTA: never collapse into a tall narrow pill. */
.pro-analytics-card .pro-open-links{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-width:150px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

@media(max-width:680px){
  .pro-analytics-card .pro-tool-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    align-items:start!important;
  }

  .pro-analytics-card .pro-open-links{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    padding:13px 18px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
  }

  .account{
    padding-bottom:34px!important;
  }

  .account-admin-row,
  .account-help-row,
  .account-signout-row{
    width:100%!important;
  }
}


/* =========================================================
   PHASE 7.6 — HOMEPAGE DESKTOP PREVIEW WIDTH TUNING
   ========================================================= */
@media(min-width:861px){
  #homeDemo .home-desktop-preview{
    width:min(100%,780px)!important;
  }
  #homeDemo .home-desktop-canvas{
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
    gap:30px!important;
    padding:28px!important;
    align-items:center!important;
  }
  #homeDemo .home-desktop-release,
  #homeDemo .home-desktop-links{
    min-width:0!important;
  }
  #homeDemo .home-desktop-service{
    grid-template-columns:28px minmax(0,1fr) 14px!important;
    padding:0 14px!important;
  }
  #homeDemo .home-desktop-service b{
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  #homeDemo .home-desktop-more,
  #homeDemo .home-desktop-socials{
    gap:10px!important;
  }
}
/* =========================================================
   PHASE 7.5 — HOMEPAGE MOBILE PREVIEW ART FIX
   ========================================================= */
#homeDemo .home-phone-art.demo-art{
  background-image:var(--mpl-demo-art-current)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#090B0E!important;
}
#homeDemo .home-phone-art::after{
  display:none!important;
}
/* =========================================================
   PHASE 7.4 — REAL SMART LINK = DESKTOP LIVE PREVIEW DESIGN
   ========================================================= */
.public-stage{
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:56px 28px 72px!important;
}

.public{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,calc(100% - 24px))!important;
  margin:0 auto!important;
  padding:34px!important;
  gap:38px!important;
  border:1px solid #59451F!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#0E1115F4,#090B0EF4)!important;
  box-shadow:0 32px 110px #000A,inset 0 1px 0 #FFFFFF08!important;
  overflow:hidden!important;
}

.public-release{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}

.public-cover-frame{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  aspect-ratio:1/1!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.public-cover-frame .cover{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#0B0D10!important;
}

.public-release-meta{
  width:100%!important;
  padding:17px 6px 0!important;
  text-align:center!important;
}

.public-release-kicker{
  margin:0 0 8px!important;
  text-align:center!important;
}

.public-release-meta h1{
  margin:0 0 6px!important;
  text-align:center!important;
  font-size:clamp(31px,3vw,45px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

.public-release-meta .artist{
  justify-content:center!important;
  text-align:center!important;
}

.public-release-meta .bio{
  margin:11px auto 0!important;
  max-width:560px!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.public-actions{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  padding-top:8px!important;
}

.public-listen-section{
  width:100%!important;
  margin:0!important;
}

.public-section-label{
  margin:0 0 10px!important;
  text-align:left!important;
}

.public-music-service{
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  margin:8px 0!important;
}

.public-mini-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}

.public-mini-action{
  min-width:0!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 13px!important;
  border:1px solid #33363D!important;
  border-radius:14px!important;
  background:#13161A!important;
  color:#E8E9EB!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  transition:.18s ease!important;
}

.public-mini-action:hover{
  transform:translateY(-1px)!important;
  border-color:#6B5528!important;
  background:#17191D!important;
}

.public-custom-action{
  border-color:#544521!important;
  color:#DCC681!important;
  background:#12130F!important;
}

.public-mini-icon{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}

.public-mini-icon svg{
  width:22px!important;
  height:22px!important;
}

.public-powered{
  align-self:flex-start!important;
  margin-top:auto!important;
  padding-top:24px!important;
}

/* Keep the controlled progressive desktop balance. */
@media(min-width:861px){
  .public.public-density-few{
    grid-template-columns:minmax(0,40fr) minmax(0,60fr)!important;
  }
  .public.public-density-medium{
    grid-template-columns:minmax(0,44fr) minmax(0,56fr)!important;
  }
  .public.public-density-many{
    grid-template-columns:minmax(0,48fr) minmax(0,52fr)!important;
  }
}

/* Mobile stays vertical and clean. */
@media(max-width:860px){
  .public-stage{
    min-height:auto!important;
    display:block!important;
    padding:26px 14px 48px!important;
  }

  .public{
    display:block!important;
    width:min(500px,100%)!important;
    padding:22px 18px 34px!important;
    border-radius:24px!important;
  }

  .public-cover-frame{
    width:min(94%,420px)!important;
    margin:0 auto!important;
  }

  .public-release-meta{
    padding-top:17px!important;
  }

  .public-release-meta h1{
    font-size:clamp(30px,9vw,42px)!important;
  }

  .public-actions{
    padding-top:22px!important;
    height:auto!important;
  }

  .public-section-label{
    text-align:center!important;
  }

  .public-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .public-powered{
    align-self:center!important;
    margin:22px auto 0!important;
    padding-top:0!important;
  }
}

@media(max-width:430px){
  .public-mini-action{
    min-height:48px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
}


/* =========================================================
   PHASE 7.7 — DASHBOARD PREVIEW: SINGLE VISIBLE CONTAINER
   ========================================================= */
#dashboardPreviewFrame{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Let the real Smart Link card be the only visible framed container. */
#dashboardPreviewModal{
  padding:16px!important;
}

@media(max-width:820px){
  #dashboardPreviewModal{
    padding:10px 6px!important;
  }

  #dashboardPreviewModal>div{
    width:min(470px,100%)!important;
    height:min(840px,96vh)!important;
  }
}


/* =============================================================
   HOMEPAGE — FIVE USER-APPROVED DISPLAY ADJUSTMENTS ONLY
   Scope: #homeDemo — nothing outside the homepage demo.
   ============================================================= */
/* 1: Give Release Details enough of the existing two-column container. */
@media(min-width:1121px){
  #homeDemo .home-product-body{grid-template-columns:minmax(0,42%) minmax(0,58%)!important}
}
/* Every music-platform toggle fits after its full label. */
#homeDemo .home-platform-pill{
  gap:7px!important;
  padding-inline:10px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
#homeDemo .home-platform-pill>.ico{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
}
#homeDemo .home-toggle{
  display:block!important;
  flex:0 0 31px!important;
  min-width:31px!important;
  margin-left:auto!important;
}
/* If the Home editor becomes narrow, use one column rather than cut controls. */
@media(min-width:761px) and (max-width:1240px){
  #homeDemo .home-editor-demo .home-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #homeDemo .home-editor-demo .home-platform-grid{grid-template-columns:1fr!important}
}
/* 2: Social choices in Release Details stay icon + toggle, now compact. */
#homeDemo .home-social-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
#homeDemo .home-social-grid .home-platform-pill.social-demo{
  width:94px!important;
  flex:0 0 94px!important;
  justify-content:space-between!important;
  padding:0 8px!important;
}
/* 3: Full, square, uncropped cover artwork across the inner phone width. */
#homeDemo .home-phone-art.demo-art{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  background-image:var(--mpl-demo-art-current)!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
/* Slightly wider, shorter iPhone-like frame; artwork and controls unchanged. */
#homeDemo .home-phone{
  width:min(324px,92%)!important;
  aspect-ratio:393/852!important;
}
/* MOBILE HOME ONLY: stage must fill the column; otherwise the % width of the
   phone creates a circular intrinsic-size dependency and collapses to 22px. */
@media(max-width:820px){
  #homeDemo .home-preview-stage{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
  }
  #homeDemo .home-phone{
    width:min(324px,calc(100% - 24px))!important;
    max-width:none!important;
  }
}
/* HOMEPAGE ONLY — mobile Live Preview scroll and comfortable button spacing. */
#homeDemo .home-phone-scroll{
  position:absolute!important;
  inset:10px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  padding:18px 2px 18px!important;
  scrollbar-width:thin;
  scrollbar-color:#786339 #0b0d10;
}
#homeDemo .home-phone-scroll::-webkit-scrollbar{width:4px}
#homeDemo .home-phone-scroll::-webkit-scrollbar-thumb{background:#786339;border-radius:99px}
#homeDemo .home-phone-scroll::-webkit-scrollbar-track{background:transparent}
#homeDemo .home-phone-service{
  height:40px!important;
  margin-top:8px!important;
  border-radius:11px!important;
}
#homeDemo .home-phone-section-label{margin-top:12px!important}
#homeDemo .home-phone-socials{
  flex-wrap:wrap;
  padding-bottom:5px;
}
/* Small icon + ON/OFF switch — not wide Social Media cards. */
#homeDemo .home-social-grid .home-platform-pill.social-demo{
  width:80px!important;
  flex:0 0 80px!important;
  height:40px!important;
  gap:4px!important;
  padding:0 6px!important;
  justify-content:space-between!important;
}
/* Homepage Release Details Social Media: smaller icon-only ON/OFF controls. */
#homeDemo .home-social-grid .home-platform-pill.social-demo{
  width:72px!important;
  flex:0 0 72px!important;
  height:36px!important;
  padding:0 6px!important;
  gap:3px!important;
}
#homeDemo .home-social-grid .social-demo .ico{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}
#homeDemo .home-social-grid .social-demo .ico svg{
  width:22px!important;
  height:22px!important;
}
#homeDemo .home-social-grid .social-demo .home-toggle{
  width:23px!important;
  height:13px!important;
  flex:0 0 23px!important;
}
#homeDemo .home-social-grid .social-demo .home-toggle::after{
  width:9px!important;
  height:9px!important;
}
/* 4: Icon-only social destinations in desktop Live Preview. */
#homeDemo .home-desktop-socials{display:flex!important;justify-content:center!important;gap:12px!important}
#homeDemo .home-desktop-socials span{
  width:37px!important;
  height:37px!important;
  min-height:37px!important;
  flex:0 0 37px!important;
  border-radius:50%!important;
  padding:0!important;
}
#homeDemo .home-desktop-socials svg{width:22px!important;height:22px!important}
/* 5: Kicker above artwork; name, title and bio below; Listen On aligns to artwork. */
#homeDemo .home-desktop-canvas{align-items:start!important}
#homeDemo .home-desktop-release>.home-desktop-kicker{
  display:block;
  text-align:center;
  margin:0 0 13px;
}
#homeDemo .home-desktop-copy{padding-top:13px}
#homeDemo .home-desktop-copy h3{margin:5px 0 2px}
#homeDemo .home-desktop-links{padding-top:23px!important}


/* Homepage only — Link Details / 6 featured Platforms + More (V2 concept) */
#homeDemo .home-featured-platforms,
#homeDemo .home-extra-platforms{grid-template-columns:repeat(2,minmax(0,1fr));}
#homeDemo .home-extra-platforms[hidden]{display:none!important;}
#homeDemo .home-platform-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:11px;
  min-height:34px;
  padding:6px 14px;
  border:1px solid #51401f;
  border-radius:999px;
  color:#e9bd52;
  background:#191811;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
#homeDemo .home-platform-more:hover{border-color:#9b7933;background:#242015;}
#homeDemo .home-platform-more:focus-visible{outline:2px solid #f0bd3e;outline-offset:3px;}
#homeDemo .home-extra-platforms{margin-top:11px;}

/* HOME ONLY — premium, touch-friendly example chooser (Artist · Gamer · Streamer). */
#homeDemo .home-demo-selector{
  display:flex;align-items:center;justify-content:center;gap:19px;
  min-height:66px;padding:10px 18px;
  background:linear-gradient(180deg,#121418 0%,#0d0f13 100%);
  border-bottom:1px solid #2e2b25;
}
#homeDemo .home-demo-selector-label{
  font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:#92949a;font-weight:800;white-space:nowrap;
}
#homeDemo .home-demo-rotation{
  display:flex;gap:8px;align-items:center;margin:0;
}
#homeDemo .home-demo-choice{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:42px;min-width:112px;padding:9px 16px;
  color:#aeb2bb;background:#15181d;border:1px solid #373a40;
  border-radius:12px;font:800 12px/1.2 Manrope,system-ui,sans-serif;
  letter-spacing:.01em;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
#homeDemo .home-demo-choice-dot{
  display:block;flex:none;width:9px;height:9px;border-radius:50%;
  background:#626770;box-shadow:0 0 0 3px #ffffff08;
}
#homeDemo .home-demo-choice:hover{
  background:#252217;color:#f2d993;border-color:#9a7a3b;
}
#homeDemo .home-demo-choice.active{
  color:#f6db94;background:linear-gradient(180deg,#3c3220,#292316);
  border-color:#b58b3a;box-shadow:inset 0 1px 0 #ffffff0d,0 0 18px #f0bb4512;
}
#homeDemo .home-demo-choice.active .home-demo-choice-dot{
  background:#f6c55b;box-shadow:0 0 0 3px #f0b94324,0 0 11px #edb63b88;
}
#homeDemo .home-demo-choice:focus-visible{
  outline:2px solid #f2c05d;outline-offset:3px;
}
@media(max-width:760px){
  #homeDemo .home-demo-selector{padding:12px 10px;min-height:64px;gap:0;}
  #homeDemo .home-demo-selector-label{display:none;}
  #homeDemo .home-demo-rotation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px;}
  #homeDemo .home-demo-choice{min-width:0;width:100%;padding:10px 7px;gap:6px;font-size:11px;min-height:43px;}
  #homeDemo .home-demo-choice-dot{width:8px;height:8px;}
}

@media(max-width:760px){
  #homeDemo .home-editor-demo .home-featured-platforms,
  #homeDemo .home-editor-demo .home-extra-platforms{grid-template-columns:1fr!important;}
}


/* PUBLIC SMART LINK ONLY — keep identical content order in Preview and Open Link. */
.public-release > .public-release-kicker{
  order:0!important;
  display:block!important;
  margin:0 0 14px!important;
  text-align:center!important;
}
.public-release > .public-cover-frame{order:1!important;}
.public-release > .public-release-meta{order:2!important;}
/* Published social destinations are compact icon-only actions, never large text cards. */
.public-actions > .public-social-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:15px!important;
}
.public-actions > .public-social-grid > .public-social-action{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
.public-actions > .public-social-grid > .public-social-action .public-mini-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}
.public-actions > .public-social-grid > .public-social-action .public-mini-icon svg{
  width:23px!important;
  height:23px!important;
}

/* PUBLISHED SMART LINK — DESKTOP ONLY: align right column slightly below cover top. */
@media(min-width:861px){
  .public .public-actions{
    padding-top:52px!important;
  }
  .public .public-listen-section > .public-section-label{
    font-size:12px!important;
    line-height:1.4!important;
  }
}

/* PUBLISHED SMART LINK — DESKTOP ONLY: line up custom links with service rows. */
@media(min-width:861px){
  .public .public-actions > .public-custom-grid{
    width:min(560px,100%)!important;
    max-width:560px!important;
    margin:12px auto 0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action{
    width:100%!important;
    min-height:58px!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
    gap:11px!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action .public-mini-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .public .public-release > .public-release-kicker{
    font-size:11px!important;
  }
}


/* V2 Phase 4 approved visual: second user-supplied screenshot, isolated from other pages */
.mpl-a4{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:radial-gradient(ellipse at 70% 35%,#11151c 0%,#0b0e13 53%,#080a0d 100%);color:#f7f8fb;font-family:Manrope,system-ui,sans-serif}
.mpl-a4 *{box-sizing:border-box}.mpl-a4 a{text-decoration:none}.mpl-a4 button,.mpl-a4 select{font:inherit}
.mpl-a4-side{height:100vh;min-height:700px;position:sticky;top:0;display:flex;flex-direction:column;padding:24px 7px 27px;background:linear-gradient(130deg,#0c0f14,#0a0d12 65%,#0b0e12);border-right:1px solid #262b34}
.mpl-a4-logo{display:flex;align-items:center;gap:13px;margin:0 16px 43px;color:#f7f8f9;min-width:0}
.mpl-a4-logo svg{width:45px;height:45px;flex:none}.mpl-a4-brandrow{display:flex;align-items:center;gap:8px}.mpl-a4-logo strong{font-size:18px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.mpl-a4-logo small{display:block;color:#98a2af;font-size:10px;letter-spacing:.15em;margin-top:3px}.mpl-a4-probadge{border:1px solid #edc45d;color:#f7d978;border-radius:5px;font-size:12px;padding:1px 5px;font-weight:800;line-height:1.4}
.mpl-a4-sideNav{display:grid;gap:5px}.mpl-a4-sideNav a{display:flex;gap:18px;align-items:center;border-radius:11px;padding:16px 19px;color:#abb4c3;font-size:15px;font-weight:600;min-height:52px;transition:background .15s,color .15s}
.mpl-a4-sideNav a:hover{color:#f0d69a;background:#22211e}.mpl-a4-sideNav a.active{background:linear-gradient(90deg,#352c1d,#514029 88%,#946f31 99%,#eac56a 100%);color:#f1c765;box-shadow:inset -2px 0 #f4cb6d}.mpl-a4-sideNav svg{width:23px;height:23px;flex:none;stroke-width:1.8;fill:none;stroke:currentColor}
.mpl-a4-logout{margin-top:auto;display:flex;align-items:center;gap:17px;color:#aeb7c6;background:none;border:0;padding:15px 20px;width:100%;text-align:left;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}.mpl-a4-logout:hover{color:#fff;background:#1b2029}.mpl-a4-logout svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none}.mpl-a4-logout:disabled{opacity:.5;cursor:wait}
.mpl-a4-main{padding:28px 33px 50px 44px;min-width:0;width:100%;max-width:1660px;margin:0 auto}.mpl-a4-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 28px}.mpl-a4-top h1{font-size:37px;letter-spacing:-.046em;font-weight:800;margin:0;line-height:1.2}.mpl-a4-top p{margin:8px 0 0;color:#aab4c2;font-size:15px}.mpl-a4-link{display:inline-block;margin-top:8px;color:#dfbc68;font-size:11px}.mpl-a4-link:hover{text-decoration:underline}
.mpl-a4-rangebox{position:relative;flex:none}.mpl-a4-rangebox svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#e9ecf0;pointer-events:none;stroke-width:1.7;fill:none;stroke:currentColor}.mpl-a4-rangebox:after{content:'⌄';position:absolute;right:16px;top:47%;transform:translateY(-50%);font-size:18px;color:#aab4c2;pointer-events:none}.mpl-a4-select{min-width:240px;padding:14px 36px 14px 50px;border-radius:12px;border:1px solid #272e38;background:#1a202a;color:#f5f6f9;font-size:13px;font-weight:700;cursor:pointer;appearance:none}.mpl-a4-select:focus-visible{outline:2px solid #d6ab50}
.mpl-a4-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mpl-a4-card{min-width:0;background:linear-gradient(135deg,#1a2029,#141922 74%,#161b24);border:1px solid #1d232d;border-radius:16px;padding:15px 15px 15px 16px;min-height:140px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 14px 25px #00000010}.mpl-a4-kpi-icon{display:grid;place-items:center;flex:none;width:57px;height:57px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#353127 0%,#292721 60%,#242322 100%);border:1px solid #363228;color:#ffe1a0}.mpl-a4-kpi-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mpl-a4-kpi-copy{min-width:0;flex:1}.mpl-a4-k-label{font-size:13px;color:#b8c0cd;display:block;white-space:nowrap}.mpl-a4-k-num{font-weight:800;font-size:27px;line-height:1.25;letter-spacing:-.035em;display:block;margin-top:3px;color:#fafbfd}.mpl-a4-k-sub{display:block;color:#9ba4b1;font-size:10px;margin-top:6px;line-height:1.5}.mpl-a4-change{font-weight:800;font-size:13px;margin-top:4px;color:#45df85;display:block}.mpl-a4-change.down{color:#f19c88}.mpl-a4-change.neutral{color:#abb4c2}.mpl-a4-card:focus-within{outline:2px solid #d9b15a;outline-offset:2px}
.mpl-a4-panel{min-width:0;background:linear-gradient(120deg,#171c24,#11161e 83%,#151a22);border:1px solid #202630;border-radius:16px;padding:22px 24px}.mpl-a4-panel h2{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:0}.mpl-a4-panel .mpl-a4-description{color:#a3acba;font-size:13px;margin:7px 0 0;line-height:1.5}.mpl-a4-chart-panel{margin-top:18px;padding:19px 24px 22px}.mpl-a4-panelhead{display:flex;align-items:center;justify-content:space-between;gap:14px}.mpl-a4-chart-actions{display:flex;gap:12px;align-items:center}.mpl-a4-chip{border:1px solid #16472e;background:#14231d;color:#4ce889;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:800}.mpl-a4-mini-range{border:1px solid #35404e;background:#1a202a;color:#f5f6f9;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;min-width:112px;text-align:center}.mpl-a4-chart{width:100%;margin-top:15px;min-height:205px}.mpl-a4-trend-svg{display:block;width:100%;height:211px;overflow:visible}.mpl-a4-trend-svg .axis{fill:#9ba6b5;font-size:12px}.mpl-a4-trend-svg .gridline{stroke:#343c48;stroke-width:.8;stroke-dasharray:2 3}.mpl-a4-trend-svg .baseline{stroke:#536070;stroke-width:.9}.mpl-a4-trend-svg .area{fill:url(#mplA4GoldArea)}.mpl-a4-trend-svg .line{stroke:#f4c65c;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mpl-a4-trend-svg .hoverdot{fill:#ffd474;opacity:0}.mpl-a4-trend-svg .hoverdot:hover{opacity:1}.mpl-a4-chart-empty{font-size:13px;color:#aab4c1;text-align:center;padding:64px 0}
.mpl-a4-platform-panel{margin-top:18px;padding:20px 24px 24px}.mpl-a4-platform-head{margin-bottom:18px}.mpl-a4-platform-list{display:grid;gap:12px}.mpl-a4-platform-row{display:grid;grid-template-columns:minmax(148px,225px) minmax(80px,1fr) 75px 60px;align-items:center;gap:19px;min-width:0}.mpl-a4-platform-name{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:700;color:#f5f6f9;min-width:0}.mpl-a4-platform-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpl-a4-platform-icon{width:30px;height:30px;display:grid;place-items:center;flex:none}.mpl-a4-platform-icon svg{width:30px;height:30px;display:block}.mpl-a4-platform-track{height:7px;border-radius:999px;background:#28313c;overflow:hidden}.mpl-a4-platform-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d5a347,#f3d680);min-width:0}.mpl-a4-platform-count{font-size:14px;font-weight:800;text-align:right;color:#f7f8fb}.mpl-a4-platform-share{font-size:13px;text-align:right;color:#a9b3c0}.mpl-a4-empty{font-size:13px;color:#9ca8b7;padding:20px 0}
.mpl-a4-extra-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:28px 0 14px}.mpl-a4-extra-head h2{margin:0;font-size:20px}.mpl-a4-extra-head p{font-size:12px;color:#a1adbc;margin:0}.mpl-a4-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mpl-a4-extra-grid .mpl-a4-panel{min-height:260px}.mpl-a4-donutlayout{display:flex;gap:18px;align-items:center;margin-top:20px;min-height:142px}.mpl-a4-donut{width:126px;height:126px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative}.mpl-a4-donut:before{content:'';position:absolute;inset:22px;border-radius:50%;background:#151a22}.mpl-a4-donut b{position:relative;font-size:15px;text-align:center}.mpl-a4-donut b small{display:block;color:#a8b1c0;font-size:10px;margin-top:5px;font-weight:500}.mpl-a4-breakdown{flex:1;min-width:0}.mpl-a4-line{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:4px 0;font-size:11px;color:#bcc4d1}.mpl-a4-line strong{font-size:11px;color:#edf0f4}.mpl-a4-line em{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.mpl-a4-bars{margin-top:18px}.mpl-a4-baritem{display:grid;grid-template-columns:minmax(80px,95px) 1fr 38px;align-items:center;gap:12px;padding:9px 0;font-size:12px;color:#bcc6d1}.mpl-a4-baritem .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpl-a4-baritem .track{height:5px;border-radius:100px;background:#27303a;overflow:hidden}.mpl-a4-baritem .fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#d3a449,#efd47f)}.mpl-a4-baritem strong{font-size:11px;color:#f3f3f4;text-align:right}
.mpl-a4-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.mpl-a4-compare{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #29303a;font-size:12px;color:#c6cfda}.mpl-a4-compare strong{color:#edc776;margin-left:auto;font-size:13px;text-align:right}.mpl-a4-compare small{color:#98a3b3;font-size:11px}.mpl-a4-compare:last-child{border-bottom:0}.mpl-a4-ctr{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #29303a}.mpl-a4-ctr-label{font-size:12px;color:#c1cad7}.mpl-a4-ctr-value{font-size:24px;font-weight:800;color:#f3cd78;white-space:nowrap}.mpl-a4-note{font-size:11px;color:#8f9ba8;line-height:1.65;margin-top:18px}.mpl-a4-warning{font-size:11px;color:#f0d6a2;border:1px solid #605333;background:#242017;border-radius:10px;padding:12px 14px;margin-top:14px}.mpl-a4-footnav{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8e98a5;margin-top:24px}.mpl-a4-footnav a{color:#e5bd67}
@media(max-width:1350px){.mpl-a4{grid-template-columns:250px minmax(0,1fr)}.mpl-a4-main{padding-left:27px;padding-right:27px}.mpl-a4-kpis{gap:12px}.mpl-a4-card{padding:15px 11px;gap:10px}.mpl-a4-kpi-icon{width:45px;height:45px}.mpl-a4-kpi-icon svg{width:23px;height:23px}.mpl-a4-k-num{font-size:23px}.mpl-a4-k-label{font-size:11px}.mpl-a4-logo strong{font-size:15px}.mpl-a4-platform-row{grid-template-columns:minmax(140px,210px) minmax(80px,1fr) 65px 44px;gap:13px}.mpl-a4-donutlayout{flex-wrap:wrap}}
@media(max-width:1030px){.mpl-a4{grid-template-columns:1fr}.mpl-a4-side{position:static;height:auto;min-height:0;padding:12px 20px;flex-direction:row;align-items:center;gap:12px}.mpl-a4-logo{margin:0;min-width:unset}.mpl-a4-logo svg{height:33px;width:33px}.mpl-a4-logo small{display:none}.mpl-a4-sideNav{display:flex;gap:3px;margin-left:auto;overflow-x:auto}.mpl-a4-sideNav a{padding:10px;min-height:42px;gap:6px}.mpl-a4-sideNav a span{display:none}.mpl-a4-sideNav svg{height:21px;width:21px}.mpl-a4-logout{width:auto;margin:0;padding:10px}.mpl-a4-logout span{display:none}.mpl-a4-main{padding:24px}.mpl-a4-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mpl-a4-top h1{font-size:29px}.mpl-a4-top p{font-size:12px}.mpl-a4-select{min-width:160px;padding:11px 25px 11px 38px;font-size:11px}.mpl-a4-rangebox svg{left:11px;width:16px;height:16px}.mpl-a4-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mpl-a4-card{min-height:111px}.mpl-a4-chart-panel,.mpl-a4-platform-panel,.mpl-a4-panel{padding:18px}.mpl-a4-trend-svg{height:185px}.mpl-a4-extra-grid,.mpl-a4-secondary-grid{grid-template-columns:1fr}.mpl-a4-platform-row{grid-template-columns:minmax(90px,145px) minmax(40px,1fr) 52px 36px;gap:8px}.mpl-a4-platform-name{gap:7px;font-size:11px}.mpl-a4-platform-icon,.mpl-a4-platform-icon svg{width:24px;height:24px}.mpl-a4-platform-count{font-size:11px}.mpl-a4-platform-share{font-size:10px}}
@media(max-width:450px){.mpl-a4-main{padding:20px 12px 32px}.mpl-a4-side{padding:10px}.mpl-a4-logo{gap:5px}.mpl-a4-logo strong{font-size:11px}.mpl-a4-logo svg{width:26px;height:29px}.mpl-a4-probadge{font-size:8px;padding:1px 3px}.mpl-a4-sideNav a{padding:7px}.mpl-a4-sideNav svg{width:18px;height:18px}.mpl-a4-logout{padding:7px}.mpl-a4-logout svg{width:19px;height:19px}.mpl-a4-top{gap:10px}.mpl-a4-top h1{font-size:26px}.mpl-a4-top p{font-size:11px;line-height:1.35}.mpl-a4-rangebox:after{right:8px}.mpl-a4-rangebox svg{display:none}.mpl-a4-select{min-width:114px;padding:10px 18px 10px 9px;font-size:10px}.mpl-a4-card{padding:12px 9px;gap:8px;min-height:106px}.mpl-a4-kpi-icon{width:34px;height:34px}.mpl-a4-kpi-icon svg{width:18px;height:18px}.mpl-a4-k-label{font-size:10px;white-space:normal}.mpl-a4-k-num{font-size:21px}.mpl-a4-k-sub{font-size:9px}.mpl-a4-change{font-size:11px}.mpl-a4-panel h2{font-size:17px}.mpl-a4-chart-actions{gap:5px}.mpl-a4-mini-range{display:none}.mpl-a4-chart{margin-top:8px}.mpl-a4-platform-row{grid-template-columns:minmax(85px,110px) minmax(32px,1fr) 47px 32px;gap:6px}.mpl-a4-platform-name{font-size:10px}.mpl-a4-platform-track{height:5px}.mpl-a4-extra-head{display:block}.mpl-a4-extra-head p{margin-top:7px}.mpl-a4-donutlayout{flex-direction:row}.mpl-a4-footnav span{display:none}}


/* =========================================================
   V2 FREE PUBLIC PROMO — isolated to public Free Smart Links
   Pro remains on the previously approved discreet attribution.
   ========================================================= */
.public-actions .mpl-free-promo{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  width:min(560px,100%)!important;
  max-width:560px;
  align-self:center!important;
  margin:24px 0 0!important;
  padding:14px 15px!important;
  border:1px solid #65502d!important;
  border-radius:16px!important;
  background:linear-gradient(112deg,#252015 0%,#151516 48%,#121419 100%)!important;
  color:#f2f3f5;
  text-decoration:none;
  box-shadow:inset 0 1px 0 #e5c06b24,0 12px 32px #0004;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.public-actions .mpl-free-promo:hover{
  transform:translateY(-2px);
  border-color:#be9140!important;
  box-shadow:inset 0 1px 0 #e5c06b30,0 15px 36px #0008;
}
.public-actions .mpl-free-promo:focus-visible{outline:2px solid #f3c766;outline-offset:4px}
.mpl-free-promo-mark{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  flex:0 0 44px;
  background:linear-gradient(135deg,#4b3a1a,#1f1b15);
  border:1px solid #9a742f63;
}
.mpl-free-promo-mark svg{display:block;width:26px;height:28px}
.mpl-free-promo-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.mpl-free-promo-overline{color:#d8b66c;font-size:9px;letter-spacing:.10em;font-weight:900;line-height:1.3}
.mpl-free-promo-copy strong{color:#fff;font-size:15px;letter-spacing:-.025em;line-height:1.25;font-weight:900}
.mpl-free-promo-copy small{color:#aeb1b9;font-size:11px;line-height:1.35}
.mpl-free-promo-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 12px;border-radius:10px;
  background:linear-gradient(180deg,#f8d67f,#dfae40);
  color:#191306;font-weight:900;font-size:11px;
  white-space:nowrap;
}
.mpl-free-promo-button span{font-size:15px;line-height:1}
@media(max-width:860px){
  .public-actions .mpl-free-promo{margin:22px auto 0!important}
}
@media(max-width:440px){
  .public-actions .mpl-free-promo{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;padding:12px!important;
    border-radius:14px!important;
  }
  .mpl-free-promo-mark{width:40px;height:40px;border-radius:11px}
  .mpl-free-promo-copy strong{font-size:14px}
  .mpl-free-promo-button{grid-column:1 / -1;width:100%;padding:11px 10px;font-size:12px}
}


/* V2 Free published Smart Links: clickable second attribution immediately under
   the existing promotion card. No change to Pro presentation. */
.public .public-actions > .mpl-free-attribution{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  align-self:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:13px auto 0!important;
  padding:2px 8px!important;
  color:#959aa3!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
  line-height:1.45!important;
  text-decoration:none!important;
  text-align:center!important;
}
.public .public-actions > .mpl-free-attribution strong{
  color:#d7b46b!important;
  font-size:inherit!important;
  font-weight:800!important;
}
.public .public-actions > .mpl-free-attribution:hover strong,
.public .public-actions > .mpl-free-attribution:focus-visible strong{
  color:#ffda86!important;
  text-decoration:underline!important;
}
.public .public-actions > .mpl-free-attribution:focus-visible{
  outline:2px solid #e8bd5e!important;
  outline-offset:3px!important;
  border-radius:5px!important;
}

/* Published desktop only: add breathing room under the Explore Links heading,
   keeping the existing button spacing and mobile layout unchanged. */
@media(min-width:861px){
  .public .public-listen-section > .public-section-label{
    margin-bottom:20px!important;
  }
}


/* V2 mobile refinement — Builder URL entry + public bio/links spacing.
   Scoped to mobile to preserve approved desktop layouts and behavior. */
@media(max-width:820px){
  /* Give platform URLs the entire input row; match the custom-link entry. */
  .builder .addrow:not(.custom){
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .builder .addrow:not(.custom) > .input{
    display:block;
    min-width:0!important;
    width:100%!important;
  }
  .builder .addrow:not(.custom) > button{
    display:block;
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:860px){
  /* Space follows the actual bio height, whether it has 1 or many lines. */
  .public .public-release{
    margin-bottom:0!important;
    min-height:0!important;
  }
  .public .public-release-meta{
    height:auto!important;
    min-height:0!important;
  }
  .public .public-actions{
    padding-top:11px!important;
    min-height:0!important;
  }
  .public .public-actions > .public-listen-section{
    margin-top:0!important;
  }
}


/* ============================================================
   V2: MOBILE HOME LIVE PREVIEW (Mobile / Desktop)
   Scope: Home demonstration only. Builder/Public unchanged.
   Overrides obsolete Phase 7.2 mobile-only preview restrictions.
   ============================================================ */
@media(max-width:760px){
  /* Keep Link Details hidden on phones; only one live-preview area. */
  #homeDemo .home-editor-demo{display:none!important;}
  #homeDemo .home-preview-demo{min-width:0!important;overflow:hidden;padding:18px 12px 22px!important;}
  #homeDemo .home-preview-head{display:flex!important;flex-direction:column;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;}
  #homeDemo .home-preview-head>div:first-child{display:grid;gap:3px;}
  #homeDemo .home-preview-head>div:first-child .home-mobile-preview-note{display:block!important;color:#8f949c;font-size:11px;line-height:1.5;}
  #homeDemo .home-preview-head>div:first-child .home-desktop-preview-note{display:none!important;}
  #homeDemo .home-device-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;padding:5px!important;width:100%;background:#12151a;border:1px solid #3c3322;border-radius:14px!important;}
  #homeDemo .home-device-tabs button,
  #homeDemo .home-device-tabs [data-home-device="mobile"],
  #homeDemo .home-device-tabs [data-home-device="desktop"]{display:flex!important;justify-content:center;align-items:center;min-height:44px;padding:9px 12px!important;font:800 12px/1.2 Manrope,system-ui,sans-serif!important;border-radius:10px!important;visibility:visible!important;}
  #homeDemo .home-device-tabs button.active{color:#f8df9e!important;background:linear-gradient(180deg,#413620,#2e2719)!important;box-shadow:inset 0 0 0 1px #b28c40!important;}
  #homeDemo .home-device-tabs button:focus-visible{outline:2px solid #f1c461;outline-offset:2px;}
  #homeDemo .home-preview-stage{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;height:690px!important;min-height:690px!important;overflow:hidden!important;position:relative!important;}
  #homeDemo .home-phone{margin:0 auto!important;}
  #homeDemo .home-desktop-preview{
    display:none!important;
    position:absolute!important;left:50%!important;top:50%!important;
    width:680px!important;max-width:none!important;
    margin:0!important;
    transform:translate(-50%,-50%) scale(var(--mpl-mobile-desktop-scale,.45))!important;
    transform-origin:center center!important;
    animation:none!important;
    border-radius:18px!important;
    box-shadow:0 22px 85px #000b,0 0 40px #d4a12d16!important;
  }
  #homeDemo .home-preview-stage[data-home-preview="desktop"] .home-desktop-preview{display:block!important;animation:mplHomePreviewFade .28s ease both!important;}
  #homeDemo .home-preview-stage[data-home-preview="desktop"] .home-phone{display:none!important;}
  #homeDemo .home-preview-stage[data-home-preview="mobile"] .home-phone{animation:mplHomePreviewFade .28s ease both;}
  @keyframes mplHomePreviewFade{from{opacity:.4}to{opacity:1}}
  #homeDemo .home-desktop-canvas{display:grid!important;grid-template-columns:minmax(0,43%) minmax(0,57%)!important;gap:18px!important;padding:22px!important;align-items:center!important;}
  #homeDemo .home-desktop-release{display:block!important;min-width:0!important;}
  #homeDemo .home-desktop-copy{text-align:center!important;padding-top:10px!important;}
  #homeDemo .home-desktop-links{margin-top:0!important;min-width:0!important;}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  #homeDemo .home-desktop-preview,#homeDemo .home-phone{animation:none!important;}
}
@media(max-width:380px){
  #homeDemo .home-preview-stage{height:660px!important;min-height:660px!important;}
  #homeDemo .home-preview-demo{padding-left:9px!important;padding-right:9px!important;}
}

/* ============================================================
   V2 HOME ONLY — mobile Desktop Preview layout correction
   Keep Mobile/Desktop selector and auto switching unchanged.
   Render the actual desktop-style 2-column demo as a compact
   responsive browser preview instead of scaling 680px content
   inside a fixed 690px mobile stage.
   ============================================================ */
@media(max-width:760px){
  /* The preview stage sets the height, not a forced empty card. */
  #homeDemo .home-preview-demo{min-height:0!important;height:auto!important;}
  #homeDemo .home-preview-stage[data-home-preview="desktop"]{
    display:block!important;
    height:auto!important;min-height:0!important;
    overflow:visible!important;
    padding:10px 0 6px!important;
  }
  #homeDemo .home-preview-stage[data-home-preview="desktop"] .home-desktop-preview{
    display:block!important;
    position:relative!important;
    top:auto!important;left:auto!important;
    width:100%!important;max-width:100%!important;
    margin:0 auto!important;
    transform:none!important;
    transform-origin:center center!important;
    animation:mplHomePreviewFade .28s ease both!important;
    box-shadow:0 15px 35px #0008!important;
  }
  #homeDemo .home-desktop-canvas{
    display:grid!important;
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    gap:8px!important;padding:11px 8px!important;
    align-items:center!important;
  }
  #homeDemo .home-browser-bar{height:27px!important;padding:0 7px!important;}
  #homeDemo .home-browser-bar>div{font-size:8px!important;min-width:0;}
  #homeDemo .home-desktop-art{border-radius:10px!important;}
  #homeDemo .home-desktop-copy{padding-top:7px!important;}
  #homeDemo .home-desktop-copy h3{font-size:17px!important;overflow-wrap:anywhere;}
  #homeDemo .home-desktop-copy p{font-size:10px!important;}
  #homeDemo .home-desktop-copy small{font-size:9px!important;overflow-wrap:anywhere;}
  #homeDemo .home-desktop-service{
    height:37px!important;
    grid-template-columns:20px minmax(0,1fr) 10px!important;
    gap:5px!important;margin-top:5px!important;
    padding:0 6px!important;border-radius:8px!important;
  }
  #homeDemo .home-desktop-service .ico svg{width:19px!important;height:19px!important;}
  #homeDemo .home-desktop-service b{
    font-size:10px!important;white-space:nowrap!important;
    overflow:hidden;text-overflow:ellipsis;
  }
  #homeDemo .home-desktop-more{
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;margin-top:7px!important;
  }
  #homeDemo .home-desktop-more span{
    font-size:9px!important;min-width:0!important;
    height:30px!important;white-space:nowrap!important;
  }
  #homeDemo .home-desktop-socials{gap:4px!important;margin-top:6px!important;}
  #homeDemo .home-desktop-socials span{min-height:27px!important;}
  #homeDemo .home-desktop-socials svg{width:15px!important;height:15px!important;}
}

/* Public/preview consistency — published mobile Smart Link / Builder mobile preview.
   Custom links keep their gold distinction but use the same full-width row as Spotify. */
@media(max-width:860px){
  .public-stage{padding:9px 5px 28px!important;}
  .public{
    width:min(520px,100%)!important;
    max-width:100%!important;
    padding:17px 10px 25px!important;
    border-radius:23px!important;
  }
  .public-cover-frame{width:min(100%,420px)!important;}
  .public-actions{padding-top:11px!important;}
  .public .public-actions > .public-custom-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    margin:12px 0 0!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action{
    display:flex!important;
    width:100%!important;
    min-height:58px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:11px!important;
    padding:9px 13px!important;
    border-radius:15px!important;
    text-align:left!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action::after{
    content:'→';margin-left:auto;font-size:21px;color:#c4cad2;line-height:1;font-weight:500;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action .public-mini-icon{
    width:38px!important;height:38px!important;flex:0 0 38px!important;
    border-radius:11px!important;background:#0e1014!important;
    border:1px solid #ffffff0d!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action .public-mini-icon svg{
    width:24px!important;height:24px!important;
  }
  .public .public-actions > .public-custom-grid > .public-custom-action b{
    font-size:14px!important;line-height:1.2!important;color:#f6f7f9!important;
    font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
}
@media(max-width:430px){
  .public-stage{padding:7px 4px 23px!important;}
  .public{padding:16px 8px 24px!important;border-radius:22px!important;}
}
/* Mirror the published custom row in the interactive mobile Builder preview. */
.preview-card .builder-preview-custom{
  display:flex!important;width:100%!important;min-height:58px!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:11px!important;padding:9px 13px!important;margin:8px 0!important;
  border-radius:15px!important;border:1px solid #544521!important;
  background:#12130f!important;color:#f6f7f9!important;text-align:left!important;
}
.preview-card .builder-preview-custom .service-icon{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  display:grid!important;place-items:center!important;border-radius:11px!important;
  background:#0e1014!important;border:1px solid #ffffff0d!important;
}
.preview-card .builder-preview-custom .service-icon svg{width:24px!important;height:24px!important;display:block;}
.preview-card .builder-preview-custom .service-copy{flex:1;min-width:0!important;}
.preview-card .builder-preview-custom .service-copy b{
  font-size:14px!important;line-height:1.2!important;color:#f6f7f9!important;
  font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
}
.preview-card .builder-preview-custom .service-arrow{
  margin-left:auto!important;font-size:21px!important;line-height:1!important;color:#c4cad2!important;
}


/* ================================================================
   V2 FINAL MOBILE PROPORTIONS — PUBLIC + ALL LIVE PREVIEW SURFACES
   Approved balance: ~10% smaller artwork, breathing room around
   gold frame, verified badge inline with name (incl. no Title).
   Desktop published page remains unchanged.
   ================================================================ */
@media(max-width:860px){
  /* Inset gold outline from the phone edges without restoring huge black gutters. */
  .public-stage{padding:17px 14px 34px!important;}
  .public{
    width:min(100%,520px)!important;
    max-width:100%!important;
    padding:19px 13px 29px!important;
    border-radius:25px!important;
  }
  /* Scales square artwork relative to card's content width; prevents dominant hero. */
  .public .public-cover-frame{
    width:min(90%,378px)!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
  .public-release-meta h1 .verified-badge{
    display:inline-flex!important;
    width:20px!important;height:20px!important;
    vertical-align:middle!important;
    margin:0 0 0 8px!important;
    position:relative;top:-2px;
    flex-shrink:0!important;
  }
  .public-artist-line .verified-badge{flex:0 0 18px!important;}
}
@media(max-width:360px){
  .public-stage{padding:12px 11px 28px!important;}
  .public{padding:17px 10px 25px!important;}
}
/* Published desktop badges only need to follow the last word of a title-less name. */
@media(min-width:861px){
  .public-release-meta h1 .verified-badge{
    display:inline-flex;vertical-align:middle;margin-left:9px;
    position:relative;top:-3px;
  }
}

/* Builder live preview: matching published page order and mobile hierarchy.
   Applies to sidebar and to Mobile preview modal, not the desktop mock. */
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card{
  border:1px solid #59451f!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#0e1115,#090b0e)!important;
  padding:19px 12px 26px!important;
  min-height:0!important;
}
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card > .cover{
  width:min(90%,378px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  margin:0 auto!important;
  object-fit:contain!important;
  border:1px solid #745a28!important;
  border-radius:21px!important;
}
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card > img.cover{display:block!important;}
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card > h3{
  margin:17px auto 5px!important;
  line-height:1.12!important;
}
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card > .bio{
  margin:10px auto 0!important;
}
.mpl-builder-preview-frame[data-mode="mobile"] .preview-card > .mpl-preview-explore{
  margin:15px 0 11px!important;
}
.mpl-preview-official{
  display:none;
  font-size:10px;
  font-weight:900;
  color:#d3a63f;
  letter-spacing:.22em;
  text-align:center;
  line-height:1.4;
}
.mpl-builder-preview-frame[data-mode="mobile"] .mpl-preview-official{
  display:block;
  margin:0 0 14px!important;
}
.mpl-preview-explore{
  display:block;
  font-size:10px;
  letter-spacing:.22em;
  font-weight:900;
  color:#d3a63f;
  text-align:center;
}

/* Homepage phone demo is a small illustrative device, not the public page.
   Carry over the same proportional reduction and comfortable inner gap. */
#homeDemo .home-phone-art.demo-art{
  width:90%!important;
  margin:0 auto 11px!important;
  aspect-ratio:1!important;
  border-radius:15px!important;
}
#homeDemo .home-phone-scroll{
  padding-left:7px!important;
  padding-right:7px!important;
}
#homeDemo .home-phone-artist .home-demo-badge{
  flex:none!important;
  margin-left:4px!important;
}


/* V2 preview scale correction — Homepage illustrative phone only.
   Let the phone determine stage height; never crop its top or bottom. */
#homeDemo .home-preview-stage[data-home-preview="mobile"]{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  padding:18px 3px 23px!important;
}
#homeDemo .home-preview-stage[data-home-preview="mobile"] .home-phone{
  width:min(380px,calc(100% - 12px))!important;
  max-width:100%!important;
  aspect-ratio:393/852!important;
  height:auto!important;
  margin:0 auto!important;
}
#homeDemo .home-phone-scroll{inset:8px!important;padding-top:16px!important;padding-bottom:12px!important;}
#homeDemo .home-phone-art.demo-art{width:94%!important;margin:0 auto 12px!important;}
@media(max-width:760px){
  #homeDemo .home-preview-stage[data-home-preview="mobile"]{padding:12px 0 17px!important;}
  #homeDemo .home-preview-stage[data-home-preview="mobile"] .home-phone{width:min(350px,calc(100% - 4px))!important;}
}
@media(max-width:360px){
  #homeDemo .home-preview-stage[data-home-preview="mobile"] .home-phone{width:min(315px,calc(100% - 4px))!important;}
}

/* Official V2 brand applied visually only, preserving layout and product behavior. */
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;letter-spacing:.045em}
.brand::before{display:none!important;content:none!important}
.brand .mpl-brand-mark{height:34px;width:34px;flex:none;object-fit:contain;display:block}
.brand span{white-space:nowrap}
.home-mini-brand{display:inline-flex;align-items:center;gap:8px}
.home-mini-brand .mpl-brand-mark{width:24px;height:24px;display:block;object-fit:contain;flex:none}
.mpl-a4-logo .mpl-brand-mark{width:45px;height:45px;display:block;object-fit:contain;flex:none}
.mpl-fpd-demo-brand .mpl-brand-mark{width:30px;height:34px;display:block;object-fit:contain;flex:none}
.mpl-free-promo-mark .mpl-brand-mark{height:32px;width:32px;object-fit:contain;display:block}
.public-powered .mpl-brand-mark,.mpl-free-attribution .mpl-brand-mark{width:16px;height:16px;display:inline-block;object-fit:contain;vertical-align:middle;flex:none}
.public-powered,.mpl-free-attribution{gap:7px}
.public-powered::before{display:none!important}
.mpl-builder-brand{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.mpl-builder-brand img{display:block;object-fit:contain}
.home-footer{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.home-footer .mpl-brand-mark{width:18px;height:18px;flex:none;object-fit:contain}
@media(max-width:1030px){.mpl-a4-logo .mpl-brand-mark{width:33px;height:33px}}
@media(max-width:450px){.mpl-a4-logo .mpl-brand-mark{width:26px;height:29px}}
@media(max-width:380px){.brand{gap:6px;font-size:12px}.brand .mpl-brand-mark{width:29px;height:29px}}


/* V2 mobile legibility improvements only — Account navigation uses the approved original layout. */
@media(max-width:760px){
  /* My Links: an unobtrusive improvement to label and button legibility. */
  .mpl-a4.mpl-acct .mpl-acct-box h2{font-size:20px;line-height:1.3}
  .mpl-a4.mpl-acct .mpl-acct-sub{font-size:14px;line-height:1.55}
  .mpl-a4.mpl-acct .mpl-acct-managed-info strong{font-size:17px;line-height:1.35}
  .mpl-a4.mpl-acct .mpl-acct-managed-info small{font-size:13px;line-height:1.5;color:#b3bdca}
  .mpl-a4.mpl-acct .mpl-acct-managed-url{font-size:13px;line-height:1.45}
  .mpl-a4.mpl-acct .mpl-acct-managed-link{gap:12px;padding:16px}
  .mpl-a4.mpl-acct .mpl-acct-rowactions a,
  .mpl-a4.mpl-acct .mpl-acct-rowactions button{
    font-size:12.5px;
    min-height:43px;
    line-height:1.3;
    padding:10px 11px;
  }
  .mpl-a4.mpl-acct .mpl-acct-button{font-size:13px;min-height:44px}
}
@media(max-width:820px){
  /* Builder: labels, URL inputs and drag rows are easier to read on iPhone. */
  .builder .grouphead h2{font-size:19px;line-height:1.3}
  .builder .hint{font-size:14px;line-height:1.5;color:#a9b2bf}
  .builder .field label{font-size:13px;line-height:1.4}
  .builder .input,.builder .textarea{font-size:16px;line-height:1.4}
  .builder .upload strong{font-size:15px;line-height:1.35}
  .builder .upload span{font-size:13px;line-height:1.4}
  .builder .linkmeta input{font-size:15px;line-height:1.4}
  .builder .linkmeta .small{font-size:13px;color:#a7b1be}
  .builder .addrow button,.builder .btn{font-size:14px;min-height:43px}
}


/* My Play Link V2: original two-column phone navigation, reordered by column.
   Left: Dashboard > My Links > Analytics.
   Right: Subscription > Settings.
   Applies identically to Account and Premium Analytics, without modifying nav links. */
@media(max-width:450px){
  .mpl-a4.mpl-acct .mpl-a4-sideNav,
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:2px 0 6px!important;
    margin:0!important;
    width:100%!important;
    flex-basis:100%!important;
    overflow:visible!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-sideNav a,
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 11px!important;
    gap:8px!important;
    flex:auto!important;
    font-size:12px!important;
    white-space:nowrap!important;
    border-radius:11px!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-sideNav a span,
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a span{
    display:inline!important;
    font-size:12px!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-sideNav svg,
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav svg{
    width:18px!important;height:18px!important;flex:0 0 18px!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-sideNav a:nth-child(1),
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a:nth-child(1){grid-column:1;grid-row:1}
  .mpl-a4.mpl-acct .mpl-a4-sideNav a:nth-child(2),
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a:nth-child(2){grid-column:1;grid-row:2}
  .mpl-a4.mpl-acct .mpl-a4-sideNav a:nth-child(3),
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a:nth-child(3){grid-column:1;grid-row:3}
  .mpl-a4.mpl-acct .mpl-a4-sideNav a:nth-child(4),
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a:nth-child(4){grid-column:2;grid-row:1}
  .mpl-a4.mpl-acct .mpl-a4-sideNav a:nth-child(5),
  .mpl-a4.mpl-analytics-detail .mpl-a4-sideNav a:nth-child(5){grid-column:2;grid-row:2}
}


/* V2 targeted three-issue fix (Home demo only): Custom Links should be full-width,
   just like platform rows, in Desktop mode on both phone and desktop. */
#homeDemo .home-desktop-more{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
}
#homeDemo .home-desktop-more > span:not(.is-hidden){
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  height:45px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  gap:10px!important;
  font-size:12px!important;
  line-height:1.25!important;
}
#homeDemo .home-desktop-more > span svg{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}
/* Existing Mobile-preview link rows are already full width; guarantee parity. */
#homeDemo .home-phone-service[data-preview-key="merch"],
#homeDemo .home-phone-service[data-preview-key="tickets"]{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #homeDemo .home-desktop-more > span:not(.is-hidden){
    height:37px!important;
    padding:0 6px!important;
    gap:5px!important;
    font-size:10px!important;
  }
  #homeDemo .home-desktop-more > span svg{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
}
/* Phone Account / Pro Analytics header: keep brand mark and wordmark the same
   visual size as Home mobile; sidebar menu remains original two columns. */
@media(max-width:450px){
  .mpl-a4.mpl-acct .mpl-a4-logo,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo{gap:9px!important;min-width:0!important;}
  .mpl-a4.mpl-acct .mpl-a4-logo .mpl-brand-mark,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo .mpl-brand-mark{
    width:34px!important;height:34px!important;flex:0 0 34px!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-logo strong,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo strong{
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.015em!important;
  }
}
@media(max-width:380px){
  .mpl-a4.mpl-acct .mpl-a4-logo,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo{gap:6px!important;}
  .mpl-a4.mpl-acct .mpl-a4-logo .mpl-brand-mark,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo .mpl-brand-mark{
    width:29px!important;height:29px!important;flex-basis:29px!important;
  }
  .mpl-a4.mpl-acct .mpl-a4-logo strong,
  .mpl-a4.mpl-analytics-detail .mpl-a4-logo strong{font-size:12px!important;}
}




/* Premium ON/OFF for optional contact channels */
.mpl-contact-line{grid-template-columns:85px minmax(0,1fr) 94px}
.mpl-contact-fields .mpl-contact-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;width:41px;height:23px;flex:none;position:relative;border-radius:20px;background:#323844;border:1px solid #5a606c;outline-offset:3px;transition:background .15s,border-color .15s}
.mpl-contact-fields .mpl-contact-toggle input[type=checkbox]::before{content:"";width:17px;height:17px;border-radius:50%;position:absolute;top:2px;left:2px;background:#d9dde4;box-shadow:0 1px 4px #0007;transition:transform .15s}
.mpl-contact-fields .mpl-contact-toggle input[type=checkbox]:checked{background:#cfa350;border-color:#e6bd66}
.mpl-contact-fields .mpl-contact-toggle input[type=checkbox]:checked::before{transform:translateX(18px);background:#151515}

/* Keep Pro Analytics header readable on narrow phones without changing desktop */
@media(max-width:620px){
.mpl-analytics-detail .mpl-a4-top{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important}
.mpl-analytics-detail .mpl-a4-top>div:first-child{grid-column:1;margin-bottom:3px}
.mpl-analytics-detail .mpl-a4-rangebox{grid-column:1;display:block;width:100%}
.mpl-analytics-detail .mpl-a4-select{width:100%;min-height:43px;min-width:0;font-size:13px;padding:11px 34px 11px 16px}
.mpl-analytics-detail .mpl-a4-rangebox:after{right:14px}
.mpl-analytics-detail .mpl-v2-report-actions{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0}
.mpl-analytics-detail .mpl-v2-tool{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;padding:10px 8px;line-height:1.3}
}
/* HOME premium analytics teaser: compact, integrated, mobile stacked */
.mpl-home-analytics{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;align-items:center;background:linear-gradient(130deg,#141820,#0e1014 70%);border:1px solid #4e4128;border-radius:24px;padding:33px;margin:26px auto 60px;box-shadow:0 19px 53px #0005;max-width:1080px}
.mpl-ha-copy h2{font-size:clamp(27px,3.4vw,43px);line-height:1.17;letter-spacing:-.045em;margin:14px 0}
.mpl-ha-copy h2 em{font-style:normal;color:#e9be68}.mpl-ha-copy p{font-size:14px;color:#afb5bf;line-height:1.8;margin:0 0 20px}
.mpl-ha-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.mpl-ha-points span{border:1px solid #4b422d;border-radius:99px;padding:8px 10px;background:#221e17;color:#f1d393;font-size:11px;font-weight:800}
.mpl-ha-cta{display:inline-flex;align-items:center;justify-content:center;font-size:13px;max-width:100%;white-space:normal}.mpl-ha-copy small{display:block;margin-top:11px;color:#929aaa;font-size:10px}
.mpl-ha-art{min-width:0;overflow:hidden;border:1px solid #765b2c;border-radius:16px;background:#0b1017;box-shadow:0 20px 55px #0006}
.mpl-ha-art img{width:100%;height:auto;display:block;object-fit:cover}.mpl-ha-browser{height:31px;display:flex;gap:5px;align-items:center;padding:0 11px;background:#17191e;border-bottom:1px solid #3e3425}.mpl-ha-browser i{height:6px;width:6px;border-radius:50%;background:#6b5a3e}.mpl-ha-browser span{font-size:10px;color:#e7c77f;margin:auto;transform:translateX(-10px)}
#homeDemo .home-phone-contact-heading,#homeDemo .home-demo-desk-contact-heading{color:#e9bb64!important}
#homeDemo .home-demo-contact-service>.ico{display:grid;place-items:center;background:#302719;border:1px solid #74582c;border-radius:7px;color:#e5b967;font-size:15px;font-weight:800;flex:none}
#homeDemo .home-demo-contact-grid .ico{font-size:15px;color:#eec56a}
@media(max-width:820px){.mpl-home-analytics{grid-template-columns:1fr;padding:23px 18px;margin-bottom:40px;gap:19px}.mpl-ha-copy h2{font-size:32px}.mpl-ha-art{max-width:640px;width:100%;margin:auto}}

/* V2 final additions: contacts, Advanced Analytics tools & export comparison */
.mpl-contact-optional{font-size:11px;color:#a1a8b4;font-weight:600}
.mpl-contact-fields{display:grid;gap:13px}
.mpl-contact-line{display:grid;grid-template-columns:85px minmax(0,1fr) 70px;align-items:center;gap:9px}
.mpl-contact-title{color:#f3d284;font-size:12px;font-weight:800}
.mpl-contact-line .input{width:100%;min-width:0}
.mpl-contact-toggle,.mpl-contact-reuse{display:flex;align-items:center;gap:8px;font-size:12px;color:#b9c0c9}
.mpl-contact-fields input[type=checkbox]{width:17px;height:17px;accent-color:#e4ba60;cursor:pointer}
.mpl-contact-public-note{border:1px solid #514527;background:#1e1a11;border-radius:10px;padding:10px 12px}
.public-contact-section{margin-top:19px}
.public-contact-service{display:grid!important;grid-template-columns:40px minmax(0,1fr) 22px!important;align-items:center;gap:10px;margin:8px 0}
.public-contact-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#302719;color:#eac571;font-size:20px;border:1px solid #5d492a}
.mpl-preview-contact{margin:7px 0!important}
.mpl-preview-contact-heading{margin-top:17px!important}
.mpl-v2-report-actions,.mpl-v2-index-actions{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}
.mpl-v2-tool{font-size:12px;font-weight:800;color:#edcb7e;border:1px solid #73562b;border-radius:10px;background:#231d13;padding:11px 13px}
.mpl-v2-tool:hover{background:#36291a}
.mpl-v2-custom{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:13px;border:1px solid #483e2a;border-radius:14px;background:#171710;margin-bottom:17px}
.mpl-v2-custom[hidden]{display:none!important}
.mpl-v2-custom label{display:grid;gap:6px;color:#e8ca82;font-size:11px;font-weight:800}
.mpl-v2-custom input,.mpl-compare-controls select,.mpl-compare-controls input{color:#fff;background:#151920;border:1px solid #424a55;border-radius:9px;padding:10px 11px;color-scheme:dark;max-width:100%;min-height:42px}
.mpl-v2-contact-stat{display:flex;align-items:center;gap:12px;margin:18px 0}.mpl-v2-contact-stat b{font-size:30px;color:#f5d386}.mpl-v2-contact-stat span{color:#aaa;font-size:12px}
.mpl-v2-basic-contact{padding:18px 22px;border:1px solid #57492f;border-radius:15px;background:#201b14;display:grid;gap:4px;margin:16px 0}
.mpl-v2-basic-contact span{color:#d7b566;font-size:11px;font-weight:800}.mpl-v2-basic-contact strong{font-size:30px}.mpl-v2-basic-contact small{color:#c0c4c9}
.mpl-compare-main h1{font-size:clamp(27px,4vw,43px)}.mpl-compare-main .sub{margin:9px 0 17px}
.mpl-compare-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px;max-height:310px;overflow:auto;margin:17px 0}
.mpl-compare-checks label{display:flex;align-items:center;gap:9px;border:1px solid #31363e;border-radius:11px;background:#181c22;padding:12px;cursor:pointer;font-size:12px;color:#d5dce5}
.mpl-compare-checks input{accent-color:#edba60}.mpl-compare-controls{display:flex;gap:11px;align-items:end;flex-wrap:wrap}
.mpl-compare-controls label{display:grid;gap:5px;color:#acb5c0;font-size:11px}
.mpl-compare-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.mpl-compare-tablewrap{overflow:auto;margin:19px 0}.mpl-compare-table{width:100%;border-collapse:collapse;min-width:540px;font-size:13px}
.mpl-compare-table th,.mpl-compare-table td{border-bottom:1px solid #343840;padding:14px 9px;text-align:left}
.mpl-compare-table th{color:#f5ce78}.mpl-compare-table th small{display:block;color:#929ba7;font-weight:500;margin-top:3px}
.mpl-v2-sample-actions{margin:20px 0;padding:14px;border:1px solid #4c422b;border-radius:12px;background:#201b14}
.mpl-v2-sample-actions>span{display:block;color:#eac777;font-weight:800;font-size:11px;margin-bottom:10px}
.mpl-v2-sample-actions div{display:flex;gap:7px;flex-wrap:wrap}.mpl-v2-sample-actions button{color:#c6a75e;border:1px solid #6a552e;border-radius:9px;background:#262015;padding:10px;opacity:.78;font-weight:800;font-size:11px}
.mpl-v2-sample-actions small{display:block;color:#aab1bd;margin-top:9px}
/* Launch polish: marketing-nav tap targets and all compare metrics on phones. */
@media(max-width:520px){
  .navlinks{gap:2px!important}.navlinks a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 6px;font-size:12px;white-space:nowrap}
  .nav .brand{min-width:0}.nav .brand span{font-size:clamp(10px,3.2vw,14px)}
  .mpl-compare-table{display:block;min-width:0;width:100%;border-collapse:separate}
  .mpl-compare-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .mpl-compare-table tbody{display:grid;gap:12px}
  .mpl-compare-table tr{display:block;border:1px solid #41434a;border-radius:14px;background:linear-gradient(145deg,#1e222a,#13171d);padding:12px 15px}
  .mpl-compare-table th{display:block;border-bottom:1px solid #3c4148;color:#f4cb73;font-size:15px;padding:7px 1px 11px}
  .mpl-compare-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 1px;border-bottom:1px solid #2b3037;text-align:right;font-weight:800}
  .mpl-compare-table td:last-child{border:0}
  .mpl-compare-table td::before{content:attr(data-label);font-size:12px;font-weight:600;text-align:left;color:#b4bbc7}
  .mpl-compare-tablewrap{overflow:visible}
}
.mpl-landing-footer-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:100%;font-size:12px}
.mpl-landing-footer-links a{color:#c9c4b7;text-decoration:none;padding:10px 6px;min-height:44px;display:inline-flex;align-items:center}
.mpl-landing-footer-links a:hover,.mpl-landing-footer-links a:focus-visible{color:#f4c863;text-decoration:underline}

@media(max-width:520px){.mpl-contact-line{grid-template-columns:minmax(0,1fr) auto}.mpl-contact-line .input{grid-column:1/-1;grid-row:2}.mpl-contact-line .mpl-contact-toggle{grid-column:2;grid-row:1}.mpl-compare-controls>*{width:100%}.mpl-compare-controls input,.mpl-compare-controls select{width:100%}.mpl-v2-custom label{width:calc(50% - 5px)}.mpl-v2-custom input{width:100%}}