@font-face{font-family:Inter;src:url('assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#10112f;--muted:#686b94;--purple:#853eff;--lav:#f1eaff;--pink:#fff0f7;--mint:#eafbF5;--line:#edeafa;--paper:#fff;--bg:#fbfbff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:radial-gradient(ellipse at 0 10%,#edf5ff,transparent 50%),radial-gradient(ellipse at 100% 5%,#eee9ff,transparent 50%),#f8faff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c695ff;outline-offset:3px}button{border:0}[hidden]{display:none!important}.concept{height:36px;background:#252332;color:#ddd8ee;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;font-size:9px;letter-spacing:1px;position:sticky;top:0;z-index:50}.concept div{display:flex;gap:2px;background:#423b51;border-radius:6px;padding:3px}.concept button{background:none;color:#d5cede;border-radius:4px;font-size:10px;padding:4px 13px}.concept button.active{background:white;color:#272138}.demo-label{font-size:9px;letter-spacing:0}.home-frame{max-width:1180px;margin:24px auto;background:white;border:1px solid #e4eafd;border-radius:26px;overflow:hidden;box-shadow:0 14px 50px #bac6e815}.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.logo img{width:92px;height:auto;mix-blend-mode:multiply}.nav{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;border-bottom:1px solid #f5f1fb;gap:30px}.nav nav{display:flex;gap:30px;font-size:12px;font-weight:500}.nav>div{display:flex;align-items:center;gap:28px}.text-btn{background:none;font-size:12px;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 25px;border:0;border-radius:28px;background:linear-gradient(115deg,#9c51ff,#793bff);color:white;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff40,0 5px 10px #9a6cdb10;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:11px 22px;font-size:11px}.btn.secondary{color:#823dff;border:1px solid #b790ff;background:#ffffffc0;box-shadow:none}.link-btn{padding:0;background:none;color:var(--purple);font-size:11px;white-space:nowrap}.link-btn>span{margin-left:12px}.hero{display:grid;grid-template-columns:.95fr 1.1fr;gap:20px;min-height:618px;padding:42px 55px 29px;background:radial-gradient(ellipse at 70% 40%,#ffeefa,transparent 55%),radial-gradient(ellipse at 30% 40%,#f5efff,transparent 58%);align-items:center;position:relative}.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:#f1e7ff;border-radius:20px;padding:8px 11px;font-size:10px;margin:0 0 20px;white-space:nowrap;color:#392e70}.hero-kicker>span{color:#fa429d;font-size:16px;line-height:1}.hero h1{font-size:61px;letter-spacing:-2.2px;line-height:1.04;font-weight:800;margin:0 0 19px}.hero h1>span{background:linear-gradient(95deg,#ad30b9,#f460bc);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:14px;line-height:1.65;color:#555486;margin:0}.hero-actions{display:flex;gap:17px;margin:24px 0 34px}.hero-trust{display:flex;gap:25px;white-space:nowrap;font-size:9px;align-items:center;color:#565079}.hero-trust>span{display:flex;align-items:center;gap:7px}.hero-trust i{font-style:normal;color:#4c999d;width:24px;height:25px;display:flex;align-items:center;justify-content:center;background:#f8ffff;border-radius:8px;font-size:15px}.hero-art{height:485px;position:relative;margin-right:-14px}.hero-blob{position:absolute;border-radius:42% 58% 47% 53%;width:425px;height:430px;top:18px;left:0;transform:rotate(-12deg)}.hero-blob.pink{background:#fde4fa;left:-12px;top:40px}.hero-blob.lavender{background:#f4e6ff;left:75px;top:20px;width:350px;height:450px;transform:rotate(22deg);opacity:.65}.hero-reference{position:absolute;left:20px;top:40px;width:300px;height:395px;object-fit:fill;z-index:2;border-radius:20px;box-shadow:0 8px 40px #cc9db410}.hero-chat{position:absolute;left:312px;top:50px;width:245px;z-index:3}.mini-message{background:#fffc;display:flex;gap:9px;padding:14px 12px 9px;border:1px solid #fff;border-radius:18px;box-shadow:0 5px 15px #be8ab208;margin-bottom:13px}.mini-message b{font-size:10px;font-weight:500}.mini-message p{font-size:11px;line-height:1.5;color:#484268;margin:4px 0 3px}.mini-message small{display:block;font-size:7px;color:#bbb1ca;text-align:right}.mini-message>div{flex:1;min-width:0}.ava{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;font-size:12px;font-weight:600;font-style:normal;flex-shrink:0;overflow:hidden}.photo-avatar{width:28px;height:28px;border:2px solid #fff}.ava img{width:100%;height:100%;object-fit:cover}.mini-locked{height:108px;background:linear-gradient(115deg,#d9bec7,#c3a1b0,#c9b4c7);border-radius:9px;margin:8px 0 3px;display:flex;align-items:flex-end;justify-content:flex-end;padding:8px}.mini-locked>span{width:31px;height:31px;border-radius:50%;background:white;color:#ef63ac;display:flex;align-items:center;justify-content:center;font-size:23px}.mini-voice{display:flex;align-items:center;gap:10px;background:#fff;border-radius:22px;padding:10px 11px;margin:14px 20px 0 0;box-shadow:0 8px 25px #b88dbd05}.mini-voice>span{background:var(--purple);border-radius:50%;color:white;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:9px}.mini-voice small{font-size:8px;color:var(--muted)}.wave{display:flex;gap:2px;align-items:center;height:25px;flex:1;overflow:hidden}.wave i{flex:1;min-width:2px;max-width:3px;border-radius:2px;background:#bb8bff}.typing{display:inline-block;background:#ffffffc0;border-radius:20px;font-size:9px;color:#8b85aa;padding:11px 15px;margin-top:14px;margin-left:13px}.hero-spark{position:absolute;width:50px;height:50px;fill:none;stroke-width:4;stroke-linecap:round;z-index:5}.hero-spark.orange{right:-22px;top:4px;stroke:#ff9561;transform:rotate(14deg)}.hero-spark.purple{right:-4px;bottom:12px;stroke:#a454ff;transform:rotate(35deg)}.beta-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 58px;color:#9c9eba;border-top:1px solid #f4effb;font-size:13px;font-weight:600}.beta-strip>span:first-child{font-size:8px;font-weight:400;line-height:1.5;letter-spacing:1px}.beta-strip>span:first-child b{font-weight:400}.beta-strip small{font-size:8px;font-weight:400;color:#b7aec3}.discover{padding:32px 54px 26px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{font-size:28px;letter-spacing:-1.05px;line-height:1.3;margin:0;font-weight:700}.section-head p{color:#69638d;font-size:12px;margin:5px 0 0}.filters{display:flex;gap:10px;margin:22px 0 23px;flex-wrap:wrap}.chip{border:1px solid #ece6f6;background:#fff;padding:9px 18px;border-radius:23px;font-size:10px;color:#6e678e}.chip.active{background:linear-gradient(100deg,#a551ff,#7f40ff);color:white;border-color:transparent}.creator-carousel{position:relative}.creator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.creator-card{background:white;border-radius:13px;border:1px solid #f0e6f6;overflow:hidden;padding:0;text-align:left;box-shadow:0 6px 12px #b38ac00a;transition:transform .15s}.creator-card:hover{transform:translateY(-3px)}.creator-art{height:143px;position:relative;overflow:hidden}.creator-art img{width:100%;height:100%;object-fit:cover}.creator-art small{display:none}.creator-meta{padding:12px 12px 13px;background:linear-gradient(#fff,#fff8fd)}.creator-meta h3{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;margin:0 0 5px}.verified{font-size:9px;color:#6c5bff}.card-heart{margin-left:auto;color:#ff4f9d;font-size:20px;font-weight:400;line-height:1}.creator-meta p{font-size:10px;color:#767091;margin:0 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-status{display:flex;align-items:center;font-size:9px;color:#626685}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20c579;margin-right:6px}.carousel-arrow{position:absolute;top:58px;background:white;border:1px solid var(--line);width:35px;height:35px;border-radius:50%;color:#8d4cff;font-size:27px;box-shadow:0 3px 7px #aa89c10a;z-index:4;display:flex;align-items:center;justify-content:center}.carousel-arrow.left{left:-18px}.carousel-arrow.right{right:-18px}.profile-disclaimer{color:#b4aac3;font-size:8px;margin:12px 0 0;text-align:right}.earn-banner{margin:20px 30px 24px;border-radius:24px;background:radial-gradient(ellipse at 40% 40%,#fff8fc,transparent 50%),linear-gradient(115deg,#fceefb,#ebdfff);display:grid;grid-template-columns:1.35fr .85fr .9fr;gap:22px;align-items:center;padding:31px;position:relative;overflow:hidden}.tag{display:inline-block;background:#efe3ff;border-radius:20px;padding:7px 12px;font-size:9px;color:#8c4cf8;letter-spacing:.1px}.earn-copy h2{font-size:32px;letter-spacing:-1.2px;line-height:1.12;margin:16px 0 9px}.earn-copy p{font-size:11px;line-height:1.65;color:#716397;margin:0 0 16px}.earning-illustration{position:relative;margin:0 14px 0 0;transform:rotate(-3deg)}.earn-demo{background:white;padding:21px;border:1px solid #f7e9fe;border-radius:16px;box-shadow:0 12px 30px #b18ac310}.earn-demo small{font-size:10px;color:#8a80a9;display:block;margin-bottom:15px}.earn-demo strong{font-size:27px;display:block;letter-spacing:-.7px}.earn-demo>span{display:block;font-size:9px;color:#23b26c;margin-top:7px}.tiny-bars{display:flex;align-items:flex-end;gap:9px;height:80px;padding-top:17px}.tiny-bars i{border-radius:4px 4px 0 0;background:linear-gradient(#c49aff,#ebddff);width:14px;height:30%}.tiny-bars i:nth-child(2){height:42%}.tiny-bars i:nth-child(3){height:57%}.tiny-bars i:nth-child(4){height:46%}.tiny-bars i:nth-child(5){height:78%}.tiny-bars i:nth-child(6){height:68%}.tiny-bars i:nth-child(7){height:100%}.ninety{position:absolute;right:-39px;top:90px;background:#dcfff1;border-radius:13px;padding:16px 12px;transform:rotate(3deg);box-shadow:0 6px 20px #d7bbec13}.ninety strong{font-size:20px}.ninety span{display:block;font-size:9px;text-align:center;margin-top:5px;color:#488c7f}.earn-star{position:absolute;left:-45px;bottom:45px;color:#ffa65b;font-size:58px}.earn-features{border-radius:90px 70px 20px 20px;background:#ffffffbc;padding:26px 19px;display:flex;flex-direction:column;gap:22px;margin-left:12px;z-index:1}.earn-features>span{color:#9951ff;font-size:20px;display:flex;align-items:center;gap:12px}.earn-features b{font-size:10px;color:#77669b;font-weight:500}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:17px 54px 33px}.benefit-strip>div{display:flex;gap:10px;align-items:center}.benefit-strip i{font-style:normal;font-size:26px;color:#f850a6;line-height:1}.benefit-strip b{font-size:10px;font-weight:600;display:block;margin-bottom:6px}.benefit-strip small{font-size:8px;color:#9390ad;display:block;line-height:1.5}.calculator-section{border-top:1px solid #f0e9f8;margin:0 54px;padding:50px 0 36px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.calculator-section h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:18px 0 14px}.calculator-section>div>p{font-size:12px;line-height:1.8;color:#81779b}.calculator-section>div>small{display:block;max-width:360px;color:#a097b3;font-size:9px;line-height:1.7}.calculator{border:1px solid #efe7fc;border-radius:19px;padding:25px;background:linear-gradient(#fff,#fdfaff)}.calc-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px;color:#aa91c4}.calculator label{display:block;font-size:10px;margin:23px 0}.calculator label>strong{float:right;font-size:12px}.calculator input{display:block;width:100%;accent-color:#9853ff;margin-top:13px}.calc-result{display:flex;align-items:center;justify-content:space-between;border-radius:13px;padding:19px;background:linear-gradient(100deg,#eee3ff,#f9eaff)}.calc-result small{font-size:9px;color:#817195}.calc-result strong{display:block;font-size:31px;font-weight:700;margin-top:6px;letter-spacing:-.8px}.calc-result>span{text-align:right;font-size:20px}.calculator>p{font-size:8px;line-height:1.6;color:#a092b3;margin:13px 0 0}.faq{max-width:760px;padding:33px 30px 45px;margin:auto}.faq h2{font-size:22px;text-align:center;letter-spacing:-.6px;margin:0 0 25px}.faq details{border-bottom:1px solid var(--line);font-size:11px;padding:16px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:10px;line-height:1.8;color:#8e819e;max-width:630px}.home-frame footer{padding:25px 54px;border-top:1px solid #f2edf8;display:flex;align-items:center;gap:20px}.home-frame footer .logo img{width:65px}.home-frame footer>span{font-size:8px;color:#9590a8}.home-frame footer>small{font-size:8px;color:#a69bb7;margin-left:auto}
/* Dashboard matches the supplied reference hierarchy and density. */
#dashboard{background:var(--paper);min-height:calc(100vh - 36px)}.sidebar{width:205px;position:fixed;left:0;top:36px;bottom:0;border-right:1px solid var(--line);background:linear-gradient(90deg,#fff,#fdfcff);padding:24px 13px 18px;display:flex;flex-direction:column;z-index:30}.sidebar .logo{margin:0 18px 30px}.sidebar .logo img{width:89px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:14px;text-align:left;background:none;border:0;color:#484272;font-size:12px;padding:13px 14px;border-radius:10px;position:relative}.sidebar nav button>span{font-size:20px;width:23px;text-align:center;color:#554d84;line-height:1}.sidebar nav button.selected{background:#f0e7ff;color:#8842ff}.sidebar nav button.selected>span{color:#8842ff}.sidebar nav b{background:#fa449e;font-size:9px;color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;margin-left:auto}.side-card{display:none}.theme-toggle{background:none;color:#88809c;font-size:11px;text-align:left;padding:12px;margin-top:auto}.side-user{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;gap:9px;align-items:center}.side-user b{font-size:11px}.side-user small{display:block;font-size:8px;color:#9b8caa;margin-top:4px}.a1{background:#f0ddeb url('assets/creator-ref-1.png') center/cover;color:transparent}.a2{background:#dfdfed;color:#847297}.a3{background:#f4dae9;color:#b687a2}.a4{background:#d7eee5;color:#6d9b8b}.dash-main{margin-left:205px}.dash-top{height:76px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px}.dash-top>div:last-child{display:flex;align-items:center;gap:15px}.dash-search{background:#f6f2fd;display:flex;align-items:center;gap:9px;border-radius:23px;padding:12px 15px;width:440px;max-width:55%;font-size:19px;color:#9990b2}.dash-search input{background:none;border:0;outline:none;font-size:11px;width:100%;min-width:0;color:#5c5480}.account-name b{display:block;font-size:11px;font-weight:600}.account-name small{font-size:9px;color:#8e80a2;display:block;margin-top:3px}.icon-btn{background:none;font-size:23px;position:relative;padding:3px;color:#4e3c6c}.icon-btn>i{position:absolute;right:0;top:0;background:#ff54ac;border-radius:50%;width:7px;height:7px}.beta-tag{font-size:8px;letter-spacing:.7px;color:#ac95be}.mobile-menu{display:none;background:none;padding:0;font-size:23px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}.dash-content{padding:22px 28px 25px;max-width:1440px;margin:auto}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dash-title h1{font-size:28px;letter-spacing:-1.1px;margin:0 0 8px;line-height:1.2;font-weight:700}.dash-title h1>span{color:#ffb65c;font-size:27px;margin-left:3px}.dash-title p{font-size:12px;color:#6b6490;margin:0}.dash-title .btn{font-size:10px;padding:11px 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat{background:#f6eeff;border:1px solid #f0e8fc;border-radius:16px;padding:22px 21px;position:relative;overflow:hidden;min-height:143px}.stat:nth-child(2){background:#fff1f6;border-color:#f8e9ef}.stat:nth-child(3){background:#eafaf5;border-color:#e8f4ed}.stat:nth-child(4){background:#fff2f7;border-color:#f7e8ef}.stat-top{font-size:11px;color:#544a7a;display:flex;align-items:center;justify-content:space-between;gap:7px}.stat-top>span{font-size:17px;width:38px;height:38px;border-radius:50%;background:#ecdbff;display:flex;align-items:center;justify-content:center;color:#9250ff;position:absolute;right:17px;top:20px}.stat:nth-child(2) .stat-top>span,.stat:nth-child(4) .stat-top>span{background:#ffe0f0;color:#fe46a6}.stat:nth-child(3) .stat-top>span{background:#d0faec;color:#12b583}.stat strong{font-size:31px;font-weight:700;display:block;margin:17px 0 9px;letter-spacing:-1px}.stat small{font-size:9px;color:#9a8bad}.stat small b{color:#24ad63}.stat-spark{position:absolute;width:67px;height:39px;right:16px;bottom:18px;color:#be91fa;opacity:.7}.stat-spark svg{width:100%;height:100%;fill:currentColor}.stat-spark line{stroke:currentColor;stroke-width:1}.stat:nth-child(2) .stat-spark,.stat:nth-child(4) .stat-spark{color:#f5a1c9}.stat:nth-child(3) .stat-spark{color:#8ee5cf}.dash-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin-top:22px}.card{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:24px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.card h3{font-size:14px;margin:0;font-weight:600;letter-spacing:-.2px}.card-head p{font-size:10px;color:#988aab;margin:6px 0 0}.card-head button{background:none;font-size:10px;color:var(--purple);padding:0}.period{display:flex;gap:4px;align-items:center;border:1px solid var(--line);padding:4px;border-radius:8px}.period button{padding:6px 8px;font-size:9px;color:#9a84b0}.period button.selected{background:#f5efff;color:#7841d1;border-radius:5px}.chart-value{font-size:27px;font-weight:700;letter-spacing:-.7px;margin-bottom:6px}.chart-value small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:7px;color:#9d90ac}.chart-value small b{color:#22b16d}.chart{height:170px;display:flex;align-items:flex-end;gap:17px;border-bottom:1px solid var(--line);padding:24px 7px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f4eef9 40px)}.bar{flex:1;background:linear-gradient(0deg,#cba9fb,#e4caff);border-radius:5px 5px 0 0;position:relative;transition:height .2s}.bar span{position:absolute;top:-18px;font-size:9px;color:#9f7cbe;display:none;white-space:nowrap}.bar:hover span{display:block}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#a391b2;margin-top:11px}.chart-foot{display:none}.row{display:flex;align-items:center;gap:12px;padding:11px 0;min-width:0}.row>div:not(.row-right){min-width:0}.row b{font-size:11px;font-weight:600}.row p{font-size:10px;color:#8b7c9d;margin:5px 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-right{margin-left:auto;text-align:right;font-size:10px;flex-shrink:0}.row-right b{font-size:12px}.row-right small{display:block;color:#a18fae;font-size:9px;margin-top:5px}.row .ava{width:40px;height:40px}.row .ava img{width:100%;height:100%;object-fit:cover}.content-row img{width:48px;height:48px;border-radius:9px;object-fit:cover;flex-shrink:0}.badge{font-size:8px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;color:white;background:#ff4aa4;border-radius:50%}.activity-icon{width:34px;height:34px;background:#f0e5ff;color:#9a5de1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.dashboard-bottom{display:grid;grid-template-columns:1.1fr 1.05fr .78fr;gap:19px;margin-top:20px}.dashboard-bottom .card{padding:20px}.checklist{display:flex;gap:10px;align-items:flex-start;padding:13px 0}.checklist>span{width:22px;height:22px;border-radius:50%;border:1px solid #a388c5;display:flex;align-items:center;justify-content:center;font-size:13px;color:white;flex-shrink:0;margin-top:1px}.checklist.done>span{background:#9750ff;border-color:#9750ff}.checklist b{font-size:10px;font-weight:500}.checklist p{font-size:9px;color:#a18aaf;margin:6px 0 0;line-height:1.4}.checklist:nth-child(3){background:linear-gradient(90deg,#edf9f1,transparent);border-radius:10px;padding:13px 8px;margin-left:-8px}.resource{background:none;width:100%;text-align:left;display:flex;gap:12px;align-items:center;padding:16px 0}.resource>span{width:37px;height:37px;border-radius:10px;background:#f4eaff;color:#9856f6;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.resource:nth-child(3)>span{background:#fff0f6;color:#f764ae}.resource b{font-size:10px;display:block;font-weight:500}.resource small{font-size:9px;color:#a18baf;display:block;margin-top:6px}.motivation{border-radius:20px;overflow:hidden;min-height:240px}.motivation img{width:100%;height:100%;object-fit:cover;display:block}.dashboard-note{text-align:center;font-size:8px;color:#b2a2bd;margin:22px 0 0}.inbox-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.inbox-person{background:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:15px 8px;border-radius:10px}.inbox-person.active{background:var(--lav)}.inbox-person b{font-size:12px}.inbox-person small{display:block;font-size:9px;color:#9d8aaf;margin-top:5px}.messages{min-height:250px;margin:20px 0}.bubble{padding:13px 16px;background:#f5effd;border:1px solid #f0e9fa;border-radius:14px 14px 14px 4px;max-width:80%;width:fit-content;font-size:12px;line-height:1.7;margin:12px 0}.bubble.sent{margin-left:auto;border-radius:14px 14px 4px 14px;background:#eee2ff}.composer{display:flex;gap:12px}.composer input,.search{padding:13px 15px;border:1px solid var(--line);background:#fbf8ff;border-radius:10px;color:var(--ink);min-width:0;font-size:11px}.composer input{flex:1}.search{width:100%;margin:0 0 15px}.profile-editor{max-width:700px;margin:auto}.profile-editor label{display:block;font-size:11px;margin:22px 0}.profile-editor input,.profile-editor textarea{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;margin-top:10px;background:#fcf9ff;font:inherit}.profile-editor textarea{height:100px;resize:vertical}.payout-summary{border-radius:15px;background:#edf9f2;padding:20px}.payout-summary>small{font-size:10px}.payout-summary strong{font-size:33px;display:block;margin:12px 0}.payout-summary p{font-size:11px;line-height:1.7;color:#809289}.action-item{display:flex;gap:12px;padding:18px 0}.action-item>span{font-size:13px;background:var(--lav);color:var(--purple);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.action-item b{font-size:11px}.action-item p{font-size:10px;line-height:1.6;color:#9d8dad;margin:6px 0 0}.eyebrow{font-size:9px;letter-spacing:1px;color:#a587bd;margin:0 0 15px}dialog{border:1px solid var(--line);border-radius:22px;padding:33px;width:min(460px,calc(100vw - 30px));background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #36204730}dialog::backdrop{background:#30224055;backdrop-filter:blur(4px)}dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:20px 0}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog small{display:block;font-size:9px;line-height:1.7;color:#a493b3;margin-top:14px}dialog input,dialog textarea,dialog select{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fcf9ff;display:block;width:100%;margin:12px 0;font-size:11px}dialog textarea{height:100px}dialog label{font-size:11px}dialog .btn{width:100%;margin-top:12px}dialog img{object-fit:cover;width:100%;height:100%}.close{position:absolute;right:15px;top:10px;background:none;font-size:25px;color:#a998b6}.toast{position:fixed;left:50%;bottom:25px;background:#302440;color:white;padding:14px 21px;border-radius:15px;font-size:11px;opacity:0;transform:translate(-50%,20px);transition:.2s;z-index:100;max-width:90%;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--ink:#f1e6fc;--muted:#b6a4ca;--line:#463451;--paper:#282031;--bg:#201928;--lav:#453255;--mint:#2b4437;--pink:#513443}body.dark #dashboard,body.dark .dash-top,body.dark .sidebar{background:var(--paper)}body.dark .stat{background:var(--lav);border-color:var(--line)}body.dark .stat-top,body.dark .sidebar nav button,body.dark .dash-title p{color:var(--muted)}body.dark .dash-search{background:#382a49}body.dark .sidebar nav button.selected{background:#443255;color:#c996ff}body.dark .bubble,body.dark .composer input,body.dark .search,body.dark .profile-editor input,body.dark .profile-editor textarea{background:#372644;color:var(--ink);border-color:var(--line)}
@media(max-width:1250px){.home-frame{margin:18px 20px}.hero{padding:35px 40px 25px;min-height:560px;gap:0}.hero h1{font-size:54px}.hero-art{transform:scale(.88);transform-origin:left center;margin-right:-65px}.hero-trust{gap:14px;font-size:8px}.nav{padding:0 40px}.discover{padding:30px 40px 20px}.creator-grid{gap:14px}.hero-actions{gap:12px}.hero-actions .btn{padding:14px 20px}.dash-grid{gap:16px}.dash-content{padding:20px}.dash-title h1{font-size:26px}.stat{padding:19px 16px}.stat strong{font-size:27px}.stat-top{font-size:10px}.stat-top>span{width:30px;height:30px;right:14px;top:18px}.dash-top{padding:0 20px}.card{padding:20px}.dashboard-bottom{gap:15px}.hero-description{font-size:13px}.earn-banner{grid-template-columns:1.2fr .8fr .8fr;gap:20px}.earn-copy h2{font-size:29px}.earn-copy p{font-size:10px}.benefit-strip{padding:20px 40px 32px;gap:13px}.calculator-section{margin:0 40px}}
@media(max-width:1000px){.nav nav{gap:20px;font-size:10px}.nav{padding:0 27px;gap:20px}.nav>div{gap:20px}.hero{padding:33px 29px 25px;min-height:530px}.hero h1{font-size:45px;letter-spacing:-1.7px}.hero-kicker{font-size:8px}.hero-description{font-size:11px}.hero-trust{gap:8px;font-size:7px}.hero-trust i{width:20px;font-size:12px}.hero-art{transform:scale(.73);margin-right:-95px}.hero-actions .btn{font-size:10px;padding:12px 17px}.hero-actions{margin:22px 0 30px}.beta-strip{padding:22px 29px;gap:16px;font-size:11px}.discover{padding:30px 29px 15px}.section-head h2{font-size:24px}.section-head p{font-size:10px}.chip{padding:7px 13px;font-size:9px}.filters{gap:8px}.creator-grid{gap:12px}.creator-art{height:120px}.creator-meta{padding:10px}.creator-meta h3{font-size:10px}.creator-meta p{font-size:8px}.creator-status{font-size:8px}.earn-banner{margin:18px 25px;padding:23px;gap:17px}.earn-copy h2{font-size:25px}.earn-copy p{font-size:9px}.earn-demo{padding:17px}.earn-demo strong{font-size:23px}.ninety{right:-30px;top:85px;padding:12px 10px}.earn-features{padding:19px 12px;gap:17px;margin-left:10px}.earn-features b{font-size:8px}.earn-features>span{font-size:17px;gap:8px}.benefit-strip{padding:15px 30px 27px;gap:15px}.benefit-strip b{font-size:8px}.benefit-strip small{font-size:7px}.benefit-strip i{font-size:21px}.calculator-section{margin:0 30px;gap:35px}.calculator-section h2{font-size:26px}.sidebar{width:170px;padding:24px 9px 17px}.sidebar nav button{font-size:10px;gap:10px;padding:12px}.sidebar nav button>span{font-size:17px}.sidebar .logo{margin-left:12px}.sidebar .logo img{width:78px}.dash-main{margin-left:170px}.dash-title h1{font-size:24px}.dash-title p{font-size:10px}.stat{min-height:125px;padding:17px 13px}.stat strong{font-size:24px}.stat-top>span{width:26px;height:26px;font-size:14px;right:11px}.stat-top{font-size:9px}.stat small{font-size:8px}.stat-spark{width:45px;height:28px}.stats{gap:10px}.card{padding:18px}.card h3{font-size:12px}.row{gap:9px;padding:10px 0}.row b{font-size:10px}.row p{font-size:8px}.row .ava{width:31px;height:31px}.content-row img{width:40px;height:40px}.dashboard-bottom{grid-template-columns:1fr 1fr}.motivation{display:none}.dash-search{width:340px;font-size:16px}.dash-search input{font-size:9px}.chart{gap:12px}.dash-title .btn{font-size:9px;padding:10px 12px}.account-name{display:none}.beta-tag{display:none}}
@media(max-width:760px){.home-frame{margin:10px;border-radius:20px}.nav{height:65px;padding:0 21px}.logo img{width:80px}.nav nav{display:none}.nav>div{gap:16px}.nav .btn.small{padding:10px 20px}.hero{display:block;padding:31px 24px 25px}.hero-copy{max-width:450px;margin:auto}.hero h1{font-size:51px;letter-spacing:-1.7px}.hero-description{font-size:12px}.hero-kicker{font-size:9px}.hero-trust{font-size:8px;gap:15px}.hero-trust i{font-size:14px}.hero-actions .btn{font-size:11px;padding:13px 21px}.hero-art{width:570px;height:460px;left:50%;margin-left:-245px;margin-top:-8px;transform:scale(.78);transform-origin:top left;margin-bottom:-85px}.beta-strip{padding:22px;font-size:9px;gap:15px;overflow:hidden}.beta-strip>span:nth-child(4),.beta-strip>span:nth-child(5){display:none}.beta-strip small{display:none}.discover{padding:28px 23px 15px}.section-head{display:block}.section-head h2{font-size:23px}.section-head p{font-size:10px;line-height:1.6}.section-head .link-btn{display:none}.filters{margin:16px 0;gap:7px}.chip{font-size:9px;padding:7px 12px}.creator-grid{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.creator-grid::-webkit-scrollbar{display:none}.creator-card{flex:0 0 155px;scroll-snap-align:start}.creator-art{height:130px}.creator-meta h3{font-size:11px}.creator-meta p{font-size:9px}.carousel-arrow{top:45px;width:30px;height:30px}.carousel-arrow.left{left:-15px}.carousel-arrow.right{right:-15px}.earn-banner{grid-template-columns:1fr 1fr;margin:15px 20px;padding:23px;gap:20px;border-radius:20px}.earn-copy h2{font-size:25px}.earn-copy p{font-size:10px}.earn-copy p br{display:none}.earn-features{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:15px;background:none;border-radius:0;margin:0;padding:5px 0 0}.earn-features b{font-size:9px}.earning-illustration{margin:0 10px 0 0}.ninety{right:-25px}.tiny-bars{height:60px;gap:7px}.earn-demo{padding:15px}.earn-demo strong{font-size:21px}.earn-demo small{font-size:8px;margin-bottom:12px}.earn-demo>span{font-size:7px}.ninety strong{font-size:17px}.earn-star{display:none}.benefit-strip{grid-template-columns:repeat(2,1fr);padding:15px 27px 27px;row-gap:22px}.benefit-strip b{font-size:9px}.benefit-strip small{font-size:8px}.calculator-section{grid-template-columns:1fr;margin:0 25px;padding-top:32px;gap:20px}.calculator-section h2{font-size:28px}.calculator-section h2 br{display:none}.calculator-section>div>p{font-size:11px}.calculator-section>div>small{max-width:none}.faq{padding:27px 25px}.faq h2{font-size:19px}.home-frame footer{padding:20px 23px;gap:15px;flex-wrap:wrap}.home-frame footer>small{width:100%;margin-left:0;font-size:7px}.concept{padding:0 10px;font-size:7px;letter-spacing:.3px}.concept button{padding:4px 8px;font-size:9px}.demo-label{display:none}.sidebar{display:none;top:36px;width:200px;box-shadow:15px 0 40px #39214a18}.sidebar.open{display:flex}.dash-main{margin-left:0}.mobile-menu{display:block}.dash-top{height:65px;padding:0 17px}.dash-top>div:last-child{gap:10px}.dash-top>div:last-child>span:last-child{display:none}.dash-search{max-width:55%;padding:10px 13px;margin-right:auto}.dash-search input{font-size:9px}.dash-top .ava{width:30px;height:30px}.dash-content{padding:19px 17px}.dash-title h1{font-size:24px}.dash-title p{font-size:10px;line-height:1.6}.dash-title .btn{font-size:0;padding:11px}.dash-title .btn:first-letter{font-size:20px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;min-height:136px}.stat strong{font-size:28px}.stat-top{font-size:10px}.stat-top>span{width:32px;height:32px;font-size:16px;right:15px}.stat-spark{width:60px}.dash-grid{grid-template-columns:1fr;gap:16px;margin-top:17px}.card{padding:20px}.card h3{font-size:13px}.row b{font-size:11px}.row p{font-size:9px}.row .ava{width:37px;height:37px}.dashboard-bottom{gap:15px}.dashboard-bottom .card{padding:17px}.resource{gap:9px}.resource b{font-size:9px}.resource small{font-size:8px}.resource>span{width:31px;height:31px}.checklist b{font-size:9px}.checklist p{font-size:8px}.inbox-layout{grid-template-columns:1fr}.inbox-layout>div:first-child{display:flex;overflow:auto;padding:8px}.inbox-person{min-width:155px}.chart{height:180px}.content-row img{width:46px;height:46px}}
@media(max-width:420px){.hero h1{font-size:45px}.hero-kicker{font-size:8px}.hero-art{transform:scale(.65);margin-left:-196px;margin-top:10px;margin-bottom:-143px}.hero-trust{gap:9px;font-size:7px}.hero-trust i{width:18px;font-size:12px}.hero-actions{gap:12px}.hero-actions .btn{font-size:10px;padding:13px 17px}.earn-banner{grid-template-columns:1fr;gap:18px}.earning-illustration{width:190px;justify-self:center;margin-bottom:7px}.earn-copy p{font-size:11px}.earn-copy h2{font-size:29px}.earn-features{gap:14px}.earn-features b{font-size:9px}.earn-copy h2 br{display:none}.earn-demo{padding:20px}.earn-demo strong{font-size:26px}.ninety{right:-32px}.concept button{padding:4px 7px;font-size:8px}.concept>span:first-child{font-size:6px}.dash-title h1{font-size:22px}.dash-title h1>span{font-size:21px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom .card{padding:20px}.checklist b,.resource b{font-size:11px}.checklist p,.resource small{font-size:10px}.logo img{width:75px}.hero .hero-kicker{white-space:normal}.creator-card{flex-basis:150px}.section-head h2{font-size:21px}.stat strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Creator link: conversation first */
#creator{min-height:calc(100vh - 45px);background:radial-gradient(ellipse at 5% 25%,#fff0f9,transparent 60%),radial-gradient(ellipse at 100% 10%,#eee6ff,transparent 55%),#fcfbff}.creator-nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.creator-nav>span{font-size:11px;color:var(--muted)}.creator-shell{display:grid;grid-template-columns:320px 580px;justify-content:center;align-items:start;gap:24px;padding:20px 25px 35px}.creator-about{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:sticky;top:70px}.creator-cover{height:260px;position:relative;background:#ece1f4}.creator-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.creator-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#30223c45,transparent 40%)}.cover-label{position:absolute;left:20px;bottom:19px;color:white;font-size:8px;letter-spacing:1.5px;z-index:1}.creator-bio{padding:23px}.online-pill{background:var(--mint);border-radius:20px;padding:6px 10px;font-size:9px;color:#54886e}.creator-bio h1{font-size:23px;letter-spacing:-.8px;margin:19px 0 4px}.creator-bio h1>span{color:var(--purple);font-size:16px}.creator-handle{font-size:11px!important;margin-top:0!important;color:#9b83ba!important}.creator-bio>p{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0}.creator-interests{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.creator-interests span{font-size:9px;padding:7px 9px;background:#f7f3fd;border-radius:20px;color:#8e64b6}.creator-details{display:flex;gap:15px;background:var(--pink);border-radius:14px;padding:16px;margin-top:25px}.creator-details b{font-size:10px}.creator-details p{font-size:10px;line-height:1.6;color:var(--muted);margin:6px 0 0}.creator-details>span{font-size:28px;color:#f05eb3}.public-chat{border:1px solid #eae3f7;border-radius:24px;background:white;overflow:hidden;box-shadow:0 18px 70px #8861ad0a}.public-chat-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);background:#fff}.public-chat-header .ava{width:42px;height:42px}.public-chat-header h2{font-size:15px;letter-spacing:-.4px;line-height:1.4;margin:0 0 5px}.public-chat-header h2>span{color:var(--purple);font-size:11px}.public-chat-header p{font-size:9px;margin:0;color:var(--muted)}.header-dot{padding:0 7px}.public-chat-header>button{margin-left:auto;border:0;background:none;color:#9684ac;font-size:19px}.public-messages{padding:24px 26px 20px;max-height:650px;overflow-y:auto;background:radial-gradient(ellipse at 100% 30%,#fff7fb,transparent 65%),#fff}.conversation-start{text-align:center;margin:0 0 25px}.conversation-start>span{display:block;font-size:27px;color:#bf90ed;margin-bottom:10px}.conversation-start b{font-size:11px}.conversation-start p{font-size:9px;color:#a293b3;margin:6px 0}.public-message{display:flex;gap:10px;margin-bottom:15px;align-items:flex-end}.public-message .ava{width:27px;height:27px;margin-bottom:18px}.public-message>div{max-width:87%}.bubble-label{font-size:8px;letter-spacing:1px;color:#9b6cc4}.public-message .bubble{width:auto;background:#f5effd;border-color:transparent;font-size:12px;padding:13px 16px;margin:6px 0;border-radius:16px 16px 16px 4px;line-height:1.7}.public-message small{font-size:8px;color:#afa1bd}.public-premium{margin:10px 0 18px 37px;width:340px;max-width:calc(100% - 37px);padding:8px;border:1px solid #e9ddf6;border-radius:17px;background:#fff;box-shadow:0 5px 15px #69489006}.public-photo{height:150px;border-radius:12px;background:linear-gradient(120deg,#eacbdb,#c6b9e3);position:relative;overflow:hidden}.locked-shapes{filter:blur(12px);display:flex;align-items:center;justify-content:center;height:100%;gap:40px;font-size:70px;color:#a06fb7;opacity:.5}.lock-overlay{position:absolute;inset:0;background:#fff1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.lock-overlay>span{width:34px;height:34px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--purple);font-size:23px}.lock-overlay>b{font-size:11px;color:#fff;text-shadow:0 1px 3px #5e357d55}.lock-overlay>small{font-size:8px;color:#fffd}.premium-info{display:flex;justify-content:space-between;align-items:center;padding:13px 9px}.premium-info b{font-size:11px}.premium-info p{font-size:9px;color:var(--muted);margin:5px 0 0}.premium-info strong{font-size:17px}.public-premium .btn{width:100%;padding:11px;font-size:11px;justify-content:space-between}.public-voice{margin:12px 0 0 37px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:#f3edfd;width:340px;max-width:calc(100% - 37px)}.public-voice>button{border:0;background:var(--purple);width:34px;height:34px;border-radius:50%;color:white;flex-shrink:0;font-size:11px}.public-voice>div{min-width:0;flex:1}.public-voice b{font-size:9px}.voice-bars{display:flex;gap:2px;align-items:center;height:36px;overflow:hidden}.voice-bars i{width:3px;min-width:2px;flex:1;background:#c29ae9;border-radius:2px}.public-voice small{font-size:9px;line-height:1.8;color:#826a9e;text-align:right}.public-voice small>span{font-size:7px}.public-typing{display:flex;align-items:center;gap:3px;margin:22px 0 0 38px}.public-typing>i{width:4px;height:4px;border-radius:50%;background:#ba9bd4}.public-typing span{font-size:8px;color:#a495b4;margin-left:6px}.public-composer{padding:17px 22px 14px;border-top:1px solid var(--line);background:#fff}.suggested-replies{display:flex;gap:7px;margin-bottom:12px;overflow:auto;white-space:nowrap}.suggested-replies button{border:1px solid #e8ddf6;background:white;color:#a172c9;font-size:9px;border-radius:20px;padding:7px 11px}.public-composer form{display:flex;gap:10px;background:#faf7fd;border:1px solid #ede5f8;border-radius:14px;padding:6px}.public-composer input{border:0;background:none;flex:1;min-width:0;padding:8px 10px;outline:0;font-size:12px;color:var(--ink)}.public-composer .btn{padding:12px 16px;border-radius:11px;font-size:15px}.public-composer>p{text-align:center;font-size:9px;color:#aaa0b7;margin:13px 0 0}.public-composer>p>span{padding:0 5px}.public-composer>p>button{border:0;background:none;font-size:9px;color:var(--purple);padding:0}.creator-footer{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 20px 30px}.creator-footer .logo{font-size:20px;letter-spacing:-1px}.creator-footer>span,.creator-footer>button{font-size:9px;color:var(--muted)}.creator-footer>button{background:none;border:0}.demo-unlocked .locked-shapes{filter:none}.demo-unlocked .lock-overlay{display:none}.demo-unlocked .public-photo{background:linear-gradient(135deg,#e4d3f6,#f8d4e9)}.demo-unlocked .locked-shapes{opacity:1;color:#b68fd6}body.dark .dash-search{background:var(--lav)}body.dark .stat{background:var(--lav)}body.dark .card{border-color:var(--line)}body.dark .side-card{background:var(--pink)}
@media(max-width:1000px){.creator-shell{grid-template-columns:280px minmax(0,580px);gap:18px}.creator-cover{height:230px}.creator-nav{height:70px}}
@media(max-width:750px){.creator-nav{height:60px;padding:0 18px}.creator-nav>span{display:none}.creator-nav .logo{font-size:25px}.creator-shell{display:flex;flex-direction:column;padding:12px 14px 25px;gap:14px;max-width:620px;margin:auto}.creator-about{position:static;width:100%;display:flex;border-radius:17px;background:#fffa}.creator-cover{width:85px;height:100px;flex-shrink:0;margin:12px;border-radius:12px;overflow:hidden}.cover-label{display:none}.creator-bio{padding:17px 15px 14px 0;flex:1}.creator-bio h1{font-size:20px;margin:8px 0 3px}.creator-bio>p:not(.creator-handle),.creator-interests,.creator-details{display:none}.creator-handle{margin-bottom:0!important}.online-pill{font-size:8px;padding:4px 7px}.public-chat{width:100%;border-radius:18px}.public-chat-header{padding:17px}.public-chat-header h2{font-size:13px}.public-chat-header p{font-size:8px}.public-messages{padding:20px 17px;max-height:600px}.public-message .bubble{font-size:11px}.public-premium{width:320px}.public-voice{width:320px}.public-composer{padding:14px}.public-composer input{font-size:11px}.creator-footer{flex-wrap:wrap;gap:12px}.creator-footer>span{font-size:8px}.concept>span:first-child{font-size:7px;letter-spacing:0}.concept{padding:0 9px}.concept button{padding:5px 7px;font-size:9px}.concept .view[data-view=home]{font-size:0}.concept .view[data-view=home]:after{content:'Home';font-size:9px}}
.wrap{max-width:1240px;margin:auto;padding-left:30px;padding-right:30px}.creator-nav .logo img{width:90px}.creator-footer .logo img{width:65px}.creator-about{border-color:var(--line)}.creator-cover>img{object-position:center 30%}.public-composer .btn{background:linear-gradient(110deg,#a452ff,#813fff)}.creator-bio h1,.public-chat-header h2{font-family:Inter,Arial,sans-serif;font-weight:700}.creator-nav .logo{background:none}.creator-footer .logo{background:none}body.dark .stat small{color:var(--muted)}body.dark .stat-top>span{background:#5a3a77;color:#d7a9ff}body.dark .checklist:nth-child(3){background:#304639}body.dark .period button.selected{background:#503667;color:#e0b7ff}body.dark .sidebar nav button.selected{color:#ddb7ff}body.dark .account-name small,body.dark .row p{color:var(--muted)}
/* Paid chat explains the product in the hero. */
.hero-chat.paid-chat{left:288px;top:26px;width:280px}.paid-chat-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.paid-chat-top>span{font-size:9px;letter-spacing:.7px;color:#a08db8;font-weight:600}.hero-wallet{background:#fffe;border:1px solid #eee2f8;display:flex;gap:9px;align-items:center;padding:7px 9px;border-radius:12px;box-shadow:0 4px 15px #b699c507}.hero-wallet>span{font-size:8px;color:#9480a6}.hero-wallet strong{display:block;font-size:13px;color:#463452;margin-top:2px}.hero-wallet>button{background:#f2e7ff;border-radius:8px;width:27px;height:27px;color:#8e43f5;font-size:17px}.paid-chat .mini-message{padding:12px;margin-bottom:11px}.paid-chat .mini-message p{font-size:12px;line-height:1.5}.paid-chat .mini-message small{font-size:8px}.paid-chat .creator-message{background:#f3e8ff;border-color:#efe1fa}.mini-verified{color:#9d6de7;font-size:10px}.hero-paid-note{background:#fff;border:1px solid #e9d6fa;border-radius:17px;padding:15px;box-shadow:0 7px 25px #b28cd113;margin:13px 0 0 19px}.paid-note-title{display:flex;align-items:center;gap:9px}.voice-symbol{display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#f1e5ff;color:#9b53ed;border-radius:11px;font-size:23px}.paid-note-title b{font-size:11px;display:block}.paid-note-title small{font-size:9px;color:#9d88ac;display:block;margin-top:4px}.hero-paid-note .wave{height:35px;margin:8px 0 9px}.hero-paid-note .wave i{background:#d2a9f7;max-width:4px}.hero-paid-note .btn{width:100%;padding:12px 14px;font-size:12px;justify-content:space-between;border-radius:12px;background:linear-gradient(110deg,#ed4da7,#954afa)}.hero-demo-caption{display:block;font-size:8px;text-align:center;color:#a896b4;margin-top:9px}.paid-chat .typing{font-size:8px;margin-top:12px;margin-left:20px;padding:7px 9px}.paid-chat .paid-receipt{background:#f4fff9;margin:10px 0 0 30px}.paid-chat .paid-receipt p{margin:3px 0;font-size:11px}.paid-chat .paid-receipt .photo-avatar{width:24px;height:24px}.hero-paid-note.is-unlocked{background:#f9fffc;border-color:#d7f3e6}.hero-paid-note.is-unlocked .btn{background:linear-gradient(110deg,#7cc5a6,#8d6bc9)}.topup-choices{display:flex;gap:12px;margin:25px 0}.topup-choices button{flex:1;background:#f6edff;color:#9149ed;border:1px solid #e5d0fa;border-radius:12px;padding:17px;font-size:17px;font-weight:600}
/* The public creator link is the main product entrance, with comfortable type. */
#creator{background:radial-gradient(ellipse at 5% 20%,#fff1f9,transparent 55%),radial-gradient(ellipse at 100% 10%,#f0e8ff,transparent 55%),#fcfbff}.creator-nav{height:86px;max-width:1180px}.creator-nav>span{font-size:13px;color:#86729b}.creator-nav .btn{font-size:12px;padding:12px 23px}.creator-shell{grid-template-columns:300px minmax(0,670px);gap:28px;padding:14px 30px 45px;max-width:1090px;margin:auto}.creator-about{border-radius:23px;top:65px;box-shadow:0 10px 35px #bba5d009}.creator-cover{height:240px}.creator-bio{padding:24px}.online-pill{font-size:11px;padding:7px 11px}.creator-bio h1{font-size:25px;margin-top:20px;letter-spacing:-.8px}.creator-handle{font-size:13px!important;color:#967aa9!important;margin-top:5px!important}.creator-bio>p{font-size:14px;line-height:1.8;color:#7e6b8c;margin:20px 0}.creator-interests{gap:8px;margin:22px 0}.creator-interests span{font-size:11px;padding:8px 10px;color:#9461b5;background:#f5edfd}.creator-details{padding:17px;background:linear-gradient(115deg,#fceef6,#f1e8fd)}.creator-details b{font-size:12px;line-height:1.5}.creator-details p{font-size:12px;line-height:1.7;color:#8e739d;margin-top:7px}.creator-details>span{font-size:31px}.public-chat{border-radius:24px;overflow:clip;box-shadow:0 17px 60px #b49bc60b}.public-chat-header{padding:22px 27px;background:#fff;border-bottom:1px solid #eee4f8}.public-chat-header .ava{width:49px;height:49px;border:3px solid #f0e2ff}.public-chat-header h2{font-size:20px;letter-spacing:-.6px;margin-bottom:7px}.public-chat-header h2>span{font-size:14px}.public-chat-header p{font-size:11px;color:#947fa3}.public-chat-header .dot{width:7px;height:7px}.public-chat-header>button{font-size:22px;color:#a190b2;padding:6px}.public-messages{padding:27px 28px;max-height:none;overflow:visible;background:radial-gradient(ellipse at 100% 5%,#fff6fc,transparent 65%),#fff}.conversation-start{margin:0 0 29px;padding:8px 0}.conversation-start>span{font-size:31px;margin-bottom:13px}.conversation-start>b{font-size:19px;letter-spacing:-.4px;display:block;color:#624672;font-weight:600}.conversation-start>p{font-size:12px;color:#aa90b9;line-height:1.6;margin-top:8px}.public-message{gap:12px;margin:0 0 20px;align-items:flex-end}.public-message .ava{width:32px;height:32px;margin-bottom:23px}.public-message>div{max-width:88%;min-width:0}.bubble-label{font-size:10px;font-weight:600;letter-spacing:.7px;color:#a071bd}.public-message .bubble{font-size:16px;line-height:1.7;padding:16px 19px;background:linear-gradient(115deg,#f5edfc,#f8f1fd);border-radius:19px 19px 19px 5px;margin:7px 0 6px;color:#574167}.public-message small{font-size:10px;color:#ad98bb}.public-premium{margin:8px 0 24px 44px;width:375px;max-width:calc(100% - 44px);padding:10px;border-radius:20px;box-shadow:0 8px 25px #b692d00a}.public-photo{height:172px;border-radius:13px;background:#e3c5e4}.locked-shapes{background:linear-gradient(110deg,#f6dcea44,#ac95c355),url('assets/top-ref-1.png') center/cover;filter:blur(12px);transform:scale(1.08);font-size:0}.lock-overlay{background:#77548c13;gap:8px}.lock-overlay>span{width:41px;height:41px;font-size:27px;background:#fff9;backdrop-filter:blur(3px)}.lock-overlay>b{font-size:14px}.lock-overlay>small{font-size:11px}.premium-info{padding:17px 11px}.premium-info b{font-size:14px}.premium-info p{font-size:11px;line-height:1.5;margin-top:7px}.premium-info strong{font-size:22px;color:#8952ad}.public-premium .btn{font-size:13px;padding:14px 17px;border-radius:13px;justify-content:space-between;background:linear-gradient(110deg,#bc5ee1,#8840fa)}.public-voice{width:375px;max-width:calc(100% - 44px);margin:0 0 0 44px;padding:16px;gap:13px;border-radius:18px;background:#f5effc}.public-voice>button{width:40px;height:40px;font-size:12px}.public-voice b{font-size:12px;color:#78568c}.public-voice small{font-size:11px;color:#aa8bbb}.public-voice small>span{font-size:9px}.public-voice .voice-bars{height:38px;margin-top:5px}.public-typing{margin:26px 0 0 47px;gap:4px}.public-typing>i{width:5px;height:5px}.public-typing>span{font-size:10px;color:#aa8bbb}.public-composer{position:sticky;bottom:0;background:#fffF;border-top:1px solid #eadff4;padding:20px 25px 18px;z-index:5;box-shadow:0 -5px 20px #cdb8e407}.suggested-replies{gap:9px;margin-bottom:15px}.suggested-replies button{font-size:11px;padding:9px 13px;color:#a471c1;border-color:#e8d8f4;background:#fff}.suggested-replies button:hover{background:#f6edfd}.public-composer form{padding:7px;border-radius:16px;border-color:#e7d9f3;background:#fdfaff}.public-composer input{font-size:16px;padding:12px 10px;color:#684578}.public-composer input::placeholder{color:#b09cbd}.public-composer input:focus-visible{outline:0}.public-composer form:focus-within{border-color:#c79be8;box-shadow:0 0 0 3px #f1e4fc}.public-composer .btn{padding:12px 19px;font-size:13px;gap:12px;border-radius:12px;background:linear-gradient(110deg,#b964df,#8b43f3)}.public-composer>p{font-size:11px;color:#b4a0bf;margin-top:14px;line-height:1.5}.public-composer>p>button{font-size:11px;color:#a573ba;font-weight:500}.public-sent{font-size:16px;line-height:1.7;padding:16px 20px;max-width:84%;background:linear-gradient(115deg,#eaddfb,#f4e6fb)!important;color:#674477}.creator-footer>span,.creator-footer>button{font-size:11px;color:#aa93b5}.creator-footer .logo img{width:68px}.demo-unlocked .locked-shapes{transform:none;filter:none;background:linear-gradient(115deg,#f6dcea,#e1d3f4);font-size:65px}.signup-identity{display:flex;align-items:center;gap:11px;background:#f8f1ff;padding:13px;border-radius:14px;margin-top:7px}.signup-identity .ava{width:38px;height:38px}.signup-identity>span:not(.dot){font-size:12px;color:#a28aae;flex:1}.signup-identity b{display:block;color:#82569b;font-weight:600;margin-top:4px}.signup-draft{background:#f6effc;border-radius:14px;padding:15px 17px;margin:23px 0}.signup-draft>small{font-size:9px;letter-spacing:.6px;color:#b090bf;margin:0 0 9px}.signup-draft>div{font-size:14px;line-height:1.7;color:#886594;white-space:pre-wrap;overflow-wrap:anywhere}#fan-start-form label{display:block;font-size:12px;color:#9d78ac}#fan-start-form input{font-size:16px;padding:14px;border-color:#e7d7f1}#fan-start-form .btn{font-size:14px;padding:15px}.signup-assurance{display:flex;justify-content:center;gap:22px;font-size:11px;color:#a994b3;margin:18px 0 0}.signup-demo-note{font-size:10px;color:#b8a8bf!important;text-align:center}dialog .signup-identity img{border-radius:50%}
@media(max-width:1100px){.creator-shell{grid-template-columns:260px minmax(0,650px);gap:20px;padding:10px 24px 35px}.creator-cover{height:215px}.creator-bio{padding:22px}.creator-bio h1{font-size:23px}.creator-bio>p{font-size:13px}.creator-interests span{font-size:10px}.public-chat-header h2{font-size:18px}.hero-chat.paid-chat{left:280px;width:280px}.hero-art{margin-right:-65px}}
@media(max-width:1000px){.hero-chat.paid-chat{left:280px}.hero-description{max-width:375px}.creator-nav>span{font-size:12px}}
@media(max-width:750px){.creator-nav{height:66px;padding:0 20px}.creator-nav>span{display:none}.creator-nav .logo img{width:82px}.creator-shell{display:flex;max-width:650px;padding:10px 15px 30px;gap:15px}.creator-about{position:static;width:100%;display:flex;border-radius:17px;background:#fffd;box-shadow:none}.creator-cover{width:78px;height:94px;margin:13px;flex-shrink:0;border-radius:13px;overflow:hidden}.creator-bio{padding:15px 12px 13px 0}.creator-bio h1{font-size:21px;margin:8px 0 4px}.creator-handle{font-size:12px!important}.creator-bio>p:not(.creator-handle),.creator-interests,.creator-details{display:none}.online-pill{font-size:10px;padding:5px 8px}.public-chat{width:100%;border-radius:20px;overflow:clip}.public-chat-header{padding:19px}.public-chat-header .ava{width:43px;height:43px}.public-chat-header h2{font-size:17px}.public-chat-header p{font-size:10px}.public-chat-header .header-dot{padding:0 4px}.public-chat-header>button{font-size:19px}.public-messages{padding:24px 19px;max-height:none;overflow:visible}.conversation-start{padding-top:3px;margin-bottom:26px}.conversation-start>b{font-size:19px}.conversation-start>p{font-size:12px}.public-message{gap:10px}.public-message .ava{width:27px;height:27px}.public-message>div{max-width:calc(100% - 37px)}.public-message .bubble{font-size:16px;padding:14px 16px;line-height:1.7}.bubble-label{font-size:9px}.public-message small{font-size:10px}.public-premium{margin-left:37px;max-width:calc(100% - 37px);width:360px}.public-photo{height:160px}.premium-info{padding:15px 8px}.premium-info b{font-size:13px}.premium-info p{font-size:11px}.premium-info strong{font-size:20px}.public-premium .btn{font-size:13px;padding:13px 15px}.public-voice{margin-left:37px;max-width:calc(100% - 37px);width:360px;padding:14px;gap:10px}.public-voice b{font-size:11px}.public-voice .voice-bars{height:35px}.public-typing{margin-left:40px}.public-composer{padding:15px 17px 14px;bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -5px 20px #cfb9e60d}.public-composer input{font-size:16px;padding:11px 8px}.public-composer .btn{padding:11px 13px;font-size:12px;gap:7px}.public-composer>p{font-size:10px}.public-composer>p>button{font-size:10px}.suggested-replies{gap:8px;margin-bottom:12px}.suggested-replies button{font-size:10px;padding:9px 12px}.creator-footer{gap:12px;flex-wrap:wrap;padding-bottom:25px}.creator-footer>span,.creator-footer>button{font-size:10px}.signup-draft>div{font-size:15px}.signup-assurance{font-size:11px}.hero-chat.paid-chat{top:15px}.hero-art{height:530px;margin-bottom:-90px}.paid-chat .typing{font-size:9px}.hero-description{font-size:12px;line-height:1.8}}
@media(max-width:420px){.creator-shell{padding:7px 9px 25px;gap:12px}.creator-nav{padding:0 17px}.creator-nav .btn{padding:11px 19px;font-size:11px}.creator-bio h1{font-size:20px}.creator-cover{width:72px;height:89px;margin:12px}.public-chat-header{padding:17px 15px;gap:10px}.public-chat-header h2{font-size:16px}.public-chat-header p{font-size:9px}.public-chat-header .ava{width:38px;height:38px}.public-chat-header>button{padding:3px}.public-messages{padding:21px 14px}.public-message .ava{display:none}.public-message>div{max-width:95%}.public-message .bubble{font-size:16px}.public-premium{max-width:93%;margin-left:0}.public-voice{max-width:93%;margin-left:0}.public-typing{margin-left:3px}.public-composer{padding:14px}.public-composer .btn>span{display:none}.public-composer .btn{padding:12px 15px;font-size:16px}.conversation-start>b{font-size:18px}.conversation-start>p{font-size:11px}.creator-footer>span{width:100%;text-align:center}.hero-art{height:535px;margin-bottom:-150px}.hero-chat.paid-chat{top:16px}.hero-description{font-size:11px}.hero-actions{margin-bottom:26px}}
.public-chat-header p,.creator-nav>span{color:#82708f}.public-message small,.conversation-start>p,.premium-info p,.public-voice small,.public-typing>span,.public-composer>p,.creator-footer>span,.creator-footer>button{color:#887493}.lock-overlay>small{color:white}.creator-bio>p,.creator-details p{color:#806a8d}.public-messages{max-height:max(340px,calc(100dvh - 390px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e6d7f1 transparent}.public-composer{position:relative;bottom:auto}.public-chat{overflow:hidden}.public-sent{overflow-wrap:anywhere}.hero-description{max-width:450px}.creator-footer{margin-top:0}.signup-assurance{color:#8c7798}.signup-demo-note{color:#9a85a6!important}
@media(max-width:750px){.public-chat{overflow:visible}.public-messages{max-height:none;overflow:visible;padding-bottom:175px}.public-composer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,calc(100vw - 30px));border:1px solid #e9dcf4;border-bottom:0;border-radius:18px 18px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:0 -6px 28px #94749d15;background:#fff;z-index:20}.creator-footer{padding-bottom:170px}.public-sent{scroll-margin-bottom:180px}.creator-nav .btn{font-size:12px}.creator-shell{padding-bottom:25px}.public-composer>p{font-size:10px}.public-chat-header{border-radius:20px 20px 0 0}.public-messages{border-radius:0 0 20px 20px}.public-composer input{font-size:16px}}
@media(max-width:420px){.public-composer{width:calc(100vw - 18px)}.public-composer>p{font-size:10px}.public-composer>p>button{font-size:10px}}
@font-face{font-family:Caveat;src:url('assets/caveat-600.ttf') format('truetype');font-weight:600;font-display:swap}.creator-nav>.creator-tagline{display:block;position:relative;font-family:Caveat,cursive;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-.3px;color:#9870b0;transform:rotate(-1deg);padding:5px 0 11px;white-space:nowrap}.creator-tagline>em{font-style:normal;color:#ac61c3}.creator-tagline>svg{position:absolute;right:0;bottom:0;width:43%;height:14px;fill:none;stroke:#d7afe9;stroke-width:2.3;stroke-linecap:round}.creator-nav{height:94px}
@media(max-width:1000px){.creator-nav>.creator-tagline{font-size:29px}.creator-nav{height:88px}}
@media(max-width:750px){.creator-nav{display:grid;grid-template-columns:1fr auto;gap:9px 15px;height:auto;padding:17px 20px 13px}.creator-nav>.creator-tagline{display:block;grid-column:1 / -1;grid-row:2;text-align:center;font-size:30px;padding:7px 0 10px;justify-self:center;white-space:normal}.creator-nav>.btn{grid-column:2;grid-row:1;justify-self:end}.creator-nav>.logo{grid-column:1;grid-row:1}.creator-tagline>svg{right:0;width:43%;bottom:0}.creator-shell{padding-top:8px}}
@media(max-width:420px){.creator-nav>.creator-tagline{font-size:27px}.creator-nav{padding:15px 18px 10px;gap:8px}}
/* Creator acquisition: demonstrate the link-to-unlock business model. */
.unlock-workflow{padding:49px 55px 53px;border-top:1px solid #eee6f7;background:linear-gradient(180deg,#fff,#fffdfF)}.workflow-heading h2{font-size:37px;line-height:1.16;letter-spacing:-1.2px;margin:19px 0 14px}.workflow-heading h2 em{font-style:normal;background:linear-gradient(100deg,#a343c5,#df65bb);background-clip:text;-webkit-background-clip:text;color:transparent}.workflow-heading>p{font-size:13px;line-height:1.8;color:#8b7598;margin:0}.workflow-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:52px;margin-top:33px;align-items:center}.workflow-steps{display:flex;flex-direction:column;gap:10px}.workflow-step{display:flex;gap:16px;text-align:left;background:white;border:1px solid #eee5f6;border-radius:17px;padding:20px;position:relative;transition:border-color .15s,background .15s}.workflow-step>span{width:35px;height:35px;flex-shrink:0;border-radius:12px;background:#f4edfc;color:#a987bf;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.workflow-step h3{font-size:14px;line-height:1.5;margin:0 0 7px;letter-spacing:-.25px;font-weight:600}.workflow-step p{font-size:12px;color:#917b9f;line-height:1.7;margin:0 0 8px}.workflow-step small{font-size:10px;color:#b099bd;line-height:1.5;display:block}.workflow-step.active{background:linear-gradient(115deg,#f6eefe,#fff8fd);border-color:#dac0ef;box-shadow:0 6px 20px #c7a9db0b}.workflow-step.active>span{background:linear-gradient(115deg,#b566e6,#8f4df1);color:white}.workflow-window{border-radius:22px;border:1px solid #e9dcf5;overflow:hidden;box-shadow:0 14px 50px #b590ce12;background:white;align-self:stretch;display:flex;flex-direction:column;min-width:0}.window-top{display:flex;align-items:center;gap:15px;background:#fcf8ff;border-bottom:1px solid #f0e7f9;padding:16px 18px}.window-top>span:first-child{display:flex;gap:5px}.window-top i{width:6px;height:6px;border-radius:50%;background:#e9d9f4}.window-top small{font-size:10px;color:#a98fb8}.workflow-demo{margin-left:auto;font-size:8px;color:#b69cc5;letter-spacing:.5px}#workflow-preview{flex:1;padding:26px 25px;display:flex;flex-direction:column;justify-content:center;min-height:416px}.workflow-controls{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-top:1px solid #f2e7fa}.workflow-controls>span{font-size:10px;color:#b297c3;letter-spacing:1px}.workflow-controls button{background:none;font-size:12px;color:#a35ecb;padding:0}.workflow-controls button>span{margin-left:15px}.workflow-profile{text-align:center}.workflow-portrait{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 18px;border:5px solid #f3e5ff}.workflow-portrait img{width:100%;height:100%;object-fit:cover}.workflow-profile h3{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:23px 0 13px}.workflow-profile>p{font-size:13px;line-height:1.8;color:#9478a5;margin:0}.workflow-profile .online-pill{font-size:10px}.workflow-link{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#f1e6ff,#fceafb);border:1px solid #eaddf6;border-radius:13px;font-size:17px;font-weight:600;color:#8c54a6;padding:18px 16px;letter-spacing:-.5px;margin:25px 0 17px}.link-destinations{display:flex;gap:9px;justify-content:center}.link-destinations span{font-size:10px;border-radius:20px;padding:8px 11px;color:#a079b6;border:1px solid #eedff7}.workflow-profile>small{font-size:10px;color:#b89bc4;line-height:1.5;display:block;margin:20px 0 0}.workflow-chat-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f2e9fa;padding-bottom:18px;margin-bottom:20px}.workflow-chat-head .ava{width:40px;height:40px}.workflow-chat-head b{display:block;font-size:12px}.workflow-chat-head small{display:block;font-size:9px;color:#ae8fbe;margin-top:5px}.workflow-bubble{font-size:13px;line-height:1.75;padding:15px 17px;border-radius:17px;max-width:92%;width:fit-content;margin:13px 0}.workflow-bubble.fan{background:#f7f3fc;color:#967aab;border-bottom-left-radius:4px}.workflow-bubble.creator{margin-left:auto;background:#f0e4fc;color:#84539c;border-bottom-right-radius:4px}.workflow-hint{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:28px;background:#fff2f9;border-radius:16px;padding:18px}.workflow-hint>span{font-size:31px;color:#ed8ac1}.workflow-hint b{font-size:12px;color:#b380a4;font-weight:500;line-height:1.6}.workflow-premium{border:1px solid #e9d5f5;border-radius:17px;background:white;padding:9px;margin-top:20px}.workflow-locked{height:144px;position:relative;background:linear-gradient(110deg,#dfb8d9,#b6a0cd);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;overflow:hidden}.workflow-locked:before{content:'';position:absolute;inset:-15px;background:url('assets/top-ref-3.png') center/cover;filter:blur(13px);opacity:.55}.workflow-locked>span,.workflow-locked b,.workflow-locked small{z-index:1}.workflow-locked>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fffa;color:#b48cc9;font-size:25px}.workflow-locked b{font-size:13px;color:white;text-shadow:0 1px 3px #926b9a55}.workflow-locked small{font-size:10px;color:#fff}.workflow-premium-meta{display:flex;align-items:center;justify-content:space-between;padding:17px 8px;color:#9965b1}.workflow-premium-meta b{font-size:12px;font-weight:500}.workflow-premium-meta strong{font-size:19px}.workflow-unlock-label{display:flex;align-items:center;justify-content:space-between;border-radius:11px;padding:13px 14px;font-size:12px;background:linear-gradient(110deg,#d75cb9,#9855e8);color:white}.workflow-caption{font-size:10px;line-height:1.7;color:#b293be;text-align:center;margin:18px 0 0}.workflow-success{text-align:center}.success-check{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#eaf9f0;color:#74b895;font-size:29px;margin:auto}.workflow-success h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:22px 0 13px}.workflow-success>p{font-size:13px;line-height:1.8;color:#ac8db8;margin:0 0 25px}.workflow-receipt{border:1px solid #eee0f7;border-radius:15px;padding:5px 13px;text-align:left}.workflow-receipt>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a384b4;padding:15px 7px;gap:15px}.workflow-receipt .receipt-highlight{background:#edf9f1;border-radius:11px;color:#87ad96}.workflow-receipt b{font-size:17px;letter-spacing:-.4px;white-space:nowrap}.workflow-success>small{display:block;color:#b59bc1;font-size:10px;line-height:1.7;margin:19px 0}.workflow-success .btn{font-size:12px;width:100%}.creator-income{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;margin:0 30px 30px;background:radial-gradient(ellipse at 20% 40%,#fff9fc,transparent 65%),linear-gradient(110deg,#fceefa,#eee3ff);padding:41px 37px;border-radius:25px}.income-copy h2{font-size:35px;letter-spacing:-1.2px;line-height:1.15;margin:20px 0 15px}.income-copy h2 em{color:#b25cb9;font-style:normal}.income-copy>p{font-size:13px;line-height:1.8;color:#a379b1;margin:0 0 23px}.income-example{border-left:3px solid #dab3e8;padding-left:17px;margin:22px 0 25px}.income-example>b{font-size:13px;color:#a66db9;font-weight:600}.income-example>p{font-size:12px;line-height:1.8;color:#af88b8;margin:10px 0 0}.unlock-math{background:#fffd;border:1px solid #f2e5f9;border-radius:21px;padding:25px;box-shadow:0 10px 30px #c3a2d611}.math-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#b390c2}.math-equation{display:flex;align-items:center;justify-content:center;gap:35px;margin:30px 0}.math-equation>div{display:flex;flex-direction:column;gap:8px;align-items:center}.math-equation strong{font-size:36px;font-weight:700;letter-spacing:-1px;color:#9c6cba}.math-equation span{font-size:10px;color:#bb99c8}.math-equation i{font-style:normal;color:#d2b9df;font-size:24px}.gross-result{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;font-size:12px;color:#aa89b9}.gross-result b{font-size:19px;color:#a576ba}.creator-share{background:linear-gradient(110deg,#e7faf0,#f2eefb);padding:22px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;margin:5px 0 14px}.creator-share small{font-size:11px;color:#8baf9c}.creator-share strong{display:block;font-size:43px;letter-spacing:-1px;color:#708e7b;margin-top:8px}.creator-share>span{font-size:42px;color:#b6d5c3}.platform-share{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#b396be;padding:8px 4px}.platform-share b{color:#af83bc}.unlock-math>p{font-size:9px;line-height:1.8;color:#c0a6c9;margin:18px 0 0}.creator-tools{padding:29px 55px 47px}.tools-heading h2{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:19px 0 28px}.creator-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-tool-grid article{border-radius:16px;background:#fcf5fb;padding:21px}.creator-tool-grid article:nth-child(2){background:#f5edff}.creator-tool-grid article:nth-child(3){background:#edf9f3}.creator-tool-grid article:nth-child(4){background:#f8f1ff}.creator-tool-grid i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:23px;color:#bd93ce;border-radius:11px;background:#fff8;width:40px;height:40px;margin-bottom:19px}.creator-tool-grid h3{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.25px;margin:0 0 11px}.creator-tool-grid p{font-size:11px;line-height:1.8;color:#b59ec1;margin:0}.hero-actions{gap:13px}.hero-actions .btn{font-size:11px;padding:15px 20px}.hero-description{font-size:13px;line-height:1.85;color:#726482}.hero-trust{gap:18px}
@media(max-width:1100px){.unlock-workflow{padding:42px 40px}.workflow-layout{gap:30px}.workflow-heading h2{font-size:33px}.workflow-step{padding:18px;gap:13px}.workflow-step h3{font-size:13px}.workflow-step p{font-size:11px}.workflow-step small{font-size:9px}#workflow-preview{padding:23px 20px}.creator-income{gap:35px;padding:33px 29px}.income-copy h2{font-size:30px}.creator-tools{padding:28px 40px 39px}.creator-tool-grid{gap:14px}.creator-tool-grid article{padding:18px}.creator-tool-grid h3{font-size:12px}.creator-tool-grid p{font-size:10px}.hero-actions .btn{font-size:10px;padding:13px 17px}.hero-description{font-size:12px}.math-equation{gap:26px}}
@media(max-width:900px){.workflow-layout{gap:22px}.workflow-step{padding:15px}.workflow-step>span{width:30px;height:30px;font-size:11px}.workflow-step h3{font-size:12px}.workflow-step p{font-size:10px}.workflow-heading h2{font-size:30px}.workflow-heading>p{font-size:12px}.workflow-link{font-size:14px;padding:15px 12px}.workflow-profile h3{font-size:20px}.creator-income{gap:25px}.income-copy h2{font-size:28px}.income-copy>p{font-size:12px}.income-example>b{font-size:12px}.income-example>p{font-size:11px}.math-equation strong{font-size:31px}.unlock-math{padding:22px}.hero-actions{flex-wrap:wrap;gap:9px}.hero-trust{gap:10px}.hero-description{font-size:11px}}
@media(max-width:760px){.unlock-workflow{padding:34px 24px}.workflow-heading h2{font-size:30px}.workflow-heading>p{font-size:12px}.workflow-heading>p br{display:none}.workflow-layout{display:flex;flex-direction:column;gap:23px;margin-top:25px}.workflow-steps{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow-step{padding:16px;display:block}.workflow-step>span{margin-bottom:13px}.workflow-step h3{font-size:12px;line-height:1.6}.workflow-step p{font-size:11px}.workflow-step small{font-size:9px}.workflow-window{width:100%;align-self:auto;max-width:460px;margin:auto}#workflow-preview{min-height:420px;padding:25px}.workflow-profile h3{font-size:24px}.workflow-link{font-size:18px}.workflow-profile>p{font-size:13px}.workflow-bubble{font-size:14px}.creator-income{grid-template-columns:1fr;gap:28px;margin:0 20px 22px;padding:30px 25px}.income-copy h2{font-size:31px}.income-copy>p{font-size:13px}.income-copy>p br{display:none}.income-example>b{font-size:13px}.income-example>p{font-size:12px}.unlock-math{max-width:460px;width:100%;margin:auto;padding:25px}.math-equation strong{font-size:36px}.creator-tools{padding:20px 25px 35px}.tools-heading h2{font-size:27px}.creator-tool-grid{grid-template-columns:1fr 1fr;gap:13px}.creator-tool-grid h3{font-size:12px}.creator-tool-grid p{font-size:11px}.creator-tool-grid article{padding:20px}.hero-actions{gap:12px}.hero-actions .btn{font-size:11px;padding:13px 19px}.hero-description{font-size:12px}.hero-trust{gap:13px}.workflow-controls button{font-size:12px}}
@media(max-width:420px){.unlock-workflow{padding:31px 23px}.workflow-heading h2{font-size:27px}.workflow-steps{grid-template-columns:1fr;gap:10px}.workflow-step{display:flex;gap:13px;padding:17px}.workflow-step>span{margin:0;width:32px;height:32px}.workflow-step h3{font-size:13px}.workflow-step p{font-size:12px}.workflow-step small{font-size:10px}#workflow-preview{padding:23px 19px}.window-top{gap:10px;padding:15px}.window-top small{font-size:9px}.workflow-demo{font-size:7px}.workflow-success h3{font-size:21px}.workflow-receipt>div{font-size:11px}.workflow-receipt b{font-size:16px}.income-copy h2{font-size:29px}.creator-income{padding:29px 22px}.creator-tool-grid{grid-template-columns:1fr;gap:12px}.creator-tool-grid article{padding:22px}.creator-tool-grid h3{font-size:14px}.creator-tool-grid p{font-size:12px}.creator-tool-grid i{margin-bottom:15px}.hero-actions .btn{font-size:10px;padding:13px 17px}.hero-trust{font-size:7px;gap:8px}.hero-description{font-size:12px}.calculator-section h2{font-size:26px}}
/* Keep explanatory text comfortably legible. */
.workflow-step p,.workflow-heading>p,.workflow-profile>p,.workflow-caption,.workflow-success>p,.workflow-profile>small,.workflow-success>small,.income-copy>p,.income-example>p,.unlock-math>p,.creator-tool-grid p{color:#887493}.workflow-step small,.platform-share,.window-top small,.workflow-controls>span,.workflow-chat-head small{color:#9c85ac}.workflow-link{color:#805093}.income-example>b{color:#8e5b9f}.math-equation strong,.gross-result b{color:#88609d}.creator-share strong{color:#567961}.creator-share small{color:#71917e}
/* A personal chat introduction and an editorial, compact step sequence. */
.workflow-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-bottom:47px}.workflow-heading h2{font-size:35px}.workflow-heading>p{font-size:15px;color:#766581;line-height:1.8}.workflow-heading>p br{display:none}.intro-chat{position:relative;max-width:370px;width:100%;justify-self:end;padding:21px;border:1px solid #eadcf5;border-radius:22px;background:linear-gradient(140deg,#fff,#fff9fd);box-shadow:0 14px 35px #aa75bd14;transform:rotate(1deg)}.intro-chat-person{display:flex;align-items:center;gap:10px;margin-bottom:17px}.intro-chat-person img{width:38px;height:38px;object-fit:cover;border-radius:50%}.intro-chat-person b{font-size:14px;display:block}.intro-chat-person div>span{font-size:11px;color:#8e799f;display:block;margin-top:3px}.intro-live{color:#48b78a;margin-left:auto;font-size:10px}.intro-fan{font-size:13px;line-height:1.6;margin:0 0 12px 30px;background:#f1e6fc;color:#79538e;padding:11px 14px;border-radius:14px 14px 3px 14px}.intro-locked{padding:15px;background:white;border:1px solid #ecddf5;border-radius:14px}.intro-format{font-size:10px;letter-spacing:.8px;font-weight:600;color:#aa5bc3}.intro-locked p{font-size:14px;line-height:1.6;margin:12px 0;color:#534561}.text-redacted{display:flex;flex-direction:column;gap:7px;margin:14px 0 19px;filter:blur(2.5px)}.text-redacted i{height:7px;width:95%;border-radius:4px;background:#d7c6e3}.text-redacted i:nth-child(2){width:82%}.text-redacted i:nth-child(3){width:63%}.intro-unlock{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:11px 13px;border-radius:9px;background:linear-gradient(110deg,#d762ba,#9b59e9);color:white}.intro-share{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:11px;color:#8a7897}.intro-share b{color:#51836a}.intro-chat>small{font-size:9px;line-height:1.6;display:block;color:#96889f;margin-top:7px}.intro-handwritten{position:absolute;bottom:-36px;right:20px;font-family:Caveat,cursive;font-size:27px;color:#ac6bb9;transform:rotate(-3deg)}
.workflow-layout{margin-top:0;gap:48px;grid-template-columns:1.1fr 1fr}.workflow-steps{gap:0}.workflow-step,.workflow-step.active{border:0;border-radius:0;background:transparent;box-shadow:none;padding:24px 0;gap:21px;border-bottom:1px solid #eee4f5;display:flex}.workflow-step:last-child{border-bottom:0}.workflow-step>span{border-radius:50%;width:40px;height:40px;font-size:13px;margin:0;background:#f4eef9;color:#a08bb0}.workflow-step.active>span{background:linear-gradient(130deg,#b460e6,#8d4af0);box-shadow:0 0 0 6px #f7efff}.workflow-step h3{font-size:18px;line-height:1.4;letter-spacing:-.4px;margin-bottom:8px}.workflow-step p{font-size:14px;line-height:1.7;color:#7b6c88;margin-bottom:10px}.workflow-step small{font-size:12px;color:#9b6eb1}.workflow-step:not(.active) h3{color:#5b526a}.workflow-step:hover h3{color:#9348c7}.workflow-window{align-self:center;min-height:525px}.window-top small,.workflow-controls button{font-size:12px}.workflow-chat-head b{font-size:15px}.workflow-chat-head small{font-size:11px}.workflow-bubble{font-size:15px}.workflow-caption,.workflow-success>small,.workflow-profile>small{font-size:12px}.workflow-profile>p,.workflow-success>p{font-size:15px}
.creator-tools{padding-top:43px}.tools-heading h2{font-size:34px;margin-bottom:15px;line-height:1.18}.tools-heading>p{font-size:15px;line-height:1.8;color:#81718e;margin:0 0 28px}.format-studio{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.format-options{display:flex;flex-direction:column;gap:0}.format-options button{display:flex;align-items:center;gap:17px;background:transparent;text-align:left;padding:22px 8px;border-bottom:1px solid #eee6f7}.format-options button>span{font-size:23px;color:#aa7fc3;width:45px;text-align:center;flex-shrink:0}.format-options b{font-size:18px;font-weight:600;display:block}.format-options small{font-size:13px;line-height:1.7;color:#8c7a99;display:block;margin-top:6px}.format-options i{margin-left:auto;color:#b89bca;font-style:normal;font-size:20px}.format-options button.selected>span,.format-options button.selected b,.format-options button.selected i{color:#a153c7}.format-options button.selected{background:linear-gradient(90deg,#fbf5ff,#fff);border-radius:13px}.format-demo{border-radius:24px;background:linear-gradient(135deg,#f6eafb,#fff0f7);padding:28px;min-width:0}.format-demo-label{font-size:9px;letter-spacing:.7px;color:#a38aae;margin-bottom:23px}.format-message{background:white;border-radius:18px;padding:24px;box-shadow:0 12px 30px #b183c01a}.format-message>span{font-size:12px;color:#b168bc}.format-message h3{font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:14px 0}.format-message p{font-size:15px;color:#826990;line-height:1.7;margin:0}.format-price{display:flex;align-items:center;justify-content:space-between;margin-top:22px;background:linear-gradient(110deg,#bd63d3,#9850ed);color:white;font-size:13px;padding:14px;border-radius:11px}.format-price b{margin-left:8px}.format-price i{font-style:normal}.format-demo>p{font-size:12px;line-height:1.8;color:#93749f;text-align:center;margin:20px 0 0}.format-wave{font-size:27px;letter-spacing:2px;color:#bb8be2;white-space:nowrap;overflow:hidden;margin:20px 0}.format-media{height:132px;border-radius:12px;margin-top:18px;background:linear-gradient(#d5b9dd66,#c2a5d477),url('assets/top-ref-3.png') center/cover;display:grid;place-items:center}.format-media span{font-size:34px;color:white;background:#fff3;padding:9px 17px;border-radius:50%}
.faq{max-width:none;margin:0 55px;padding:50px 0 55px;border-top:1px solid #eee6f7}.faq-heading{margin-bottom:25px}.faq h2{font-size:34px;letter-spacing:-1px;text-align:left;line-height:1.2;margin:19px 0 12px}.faq-heading>p{font-size:15px;line-height:1.7;color:#8b7998}.faq details{padding:24px 0;font-size:17px}.faq summary{font-weight:600;line-height:1.5;gap:25px;align-items:center}.faq summary span{display:grid;place-items:center;width:32px;height:32px;background:#f5edfc;border-radius:50%;font-size:22px;font-weight:400;color:#a774c4;flex-shrink:0;transition:transform .15s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:15px;line-height:1.85;max-width:790px;color:#80718c;margin:16px 45px 0 0}
@media(max-width:1000px){.workflow-intro{gap:30px;grid-template-columns:1fr 1fr}.workflow-heading h2{font-size:30px}.workflow-layout{gap:28px}.workflow-step h3{font-size:16px}.workflow-step p{font-size:13px}.format-studio{gap:28px}.format-options b{font-size:16px}.format-options small{font-size:12px}.format-demo{padding:22px}}
@media(max-width:760px){.workflow-intro{grid-template-columns:1fr;gap:32px;margin-bottom:57px}.workflow-heading h2{font-size:32px}.workflow-heading>p{font-size:15px}.intro-chat{justify-self:center;transform:none;max-width:400px}.workflow-layout{display:flex;flex-direction:column;gap:27px}.workflow-steps{display:flex;flex-direction:column;width:100%;gap:0}.workflow-step,.workflow-step.active{display:flex;padding:22px 0;gap:19px}.workflow-step h3{font-size:17px}.workflow-step p{font-size:14px}.workflow-step small{font-size:12px}.workflow-step>span{width:37px;height:37px;font-size:12px;margin:0}.workflow-window{align-self:center;min-height:500px}.creator-tools{padding-top:30px}.tools-heading h2{font-size:30px}.tools-heading>p{font-size:14px}.tools-heading>p br{display:none}.format-studio{grid-template-columns:1fr;gap:24px}.format-options button{padding:18px 7px}.format-options b{font-size:17px}.format-options small{font-size:13px}.format-demo{padding:25px}.faq{margin:0 25px;padding:37px 0 40px}.faq h2{font-size:30px}.faq details{padding:22px 0}.faq summary{font-size:16px}.faq details p{font-size:15px;margin-right:0}.faq-heading>p{font-size:14px}}
@media(max-width:420px){.workflow-heading h2{font-size:29px}.workflow-step h3{font-size:16px}.workflow-step p{font-size:14px}.intro-chat{padding:18px}.intro-handwritten{font-size:26px;right:6px}.intro-share{font-size:10px}.format-demo{padding:19px}.format-message{padding:20px}.format-message h3{font-size:20px}.tools-heading h2{font-size:28px}.faq h2{font-size:28px}}
/* Homepage type system: one scale, one text palette, consistent rhythm. */
#home{--home-title:38px;--home-subtitle:18px;--home-body:16px;--home-ui:14px;--home-note:12px;--home-text:#6d627d;--home-quiet:#897b98;--home-accent:#9b55bc}
#home .nav{padding:0 48px;gap:24px;height:84px}#home .nav nav{font-size:var(--home-ui);font-weight:500;gap:25px}#home .nav>div{gap:20px}#home .text-btn{font-size:var(--home-ui);font-weight:500}#home .btn,#home .hero-actions .btn,#home .btn.small{font-size:var(--home-ui);font-weight:600;line-height:1.4;letter-spacing:0;padding:14px 21px;border-radius:25px}#home .btn.small{padding:11px 21px}#home .hero-actions{gap:12px;flex-wrap:wrap}
#home .tag,#home .hero-kicker{font-size:var(--home-note);line-height:1.4;font-weight:500;letter-spacing:.1px;color:var(--home-accent);background:#f3eafa;padding:8px 13px;border-radius:20px}#home .hero-kicker{color:#736180}#home .hero-description{font-size:var(--home-body);line-height:1.75;color:var(--home-text)}#home .hero-trust{font-size:var(--home-note);font-weight:500;color:var(--home-text);gap:17px;flex-wrap:wrap;line-height:1.5}#home .hero-trust i{width:26px;height:26px;font-size:17px}
#home .workflow-heading h2,#home .income-copy h2,#home .tools-heading h2,#home .calculator-section h2,#home .faq h2{font-size:var(--home-title);font-weight:700;letter-spacing:-1.25px;line-height:1.15;margin:18px 0 20px;color:var(--ink)}#home .income-copy h2 em{color:var(--home-accent)}#home .workflow-heading>p,#home .income-copy>p,#home .tools-heading>p,#home .calculator-section>div>p,#home .faq-heading>p{font-size:var(--home-body);font-weight:400;line-height:1.75;color:var(--home-text);margin:0}#home .tools-heading>p{margin-bottom:28px}#home .income-copy>p{margin-bottom:24px}#home .calculator-section>div>small{font-size:var(--home-note);font-weight:400;line-height:1.7;color:var(--home-quiet);max-width:410px;margin-top:20px}
#home .workflow-step h3,#home .format-options b,#home .faq summary{font-size:var(--home-subtitle);font-weight:600;line-height:1.45;letter-spacing:-.3px;color:var(--ink)}#home .workflow-step p,#home .income-example>p,#home .faq details p{font-size:var(--home-body);line-height:1.75;color:var(--home-text);font-weight:400}#home .workflow-step small,#home .format-options small{font-size:var(--home-ui);line-height:1.6;font-weight:400;color:var(--home-quiet)}#home .workflow-step>span{font-size:var(--home-ui);font-weight:600}#home .workflow-step.active h3,#home .format-options .selected b{color:var(--home-accent)}#home .income-example>b{font-size:var(--home-subtitle);line-height:1.5;font-weight:600;color:var(--ink)}#home .income-example{margin:24px 0 28px}#home .income-example>p{margin:10px 0 0}
#home .calc-head,#home .math-top,#home .format-demo-label,#home .intro-format{font-size:var(--home-note);line-height:1.5;font-weight:500;letter-spacing:.25px;color:var(--home-accent)}#home .calculator{padding:28px}#home .calculator label{font-size:var(--home-ui);line-height:1.5;font-weight:500;margin:27px 0;color:var(--ink)}#home .calculator label>strong{font-size:var(--home-subtitle);line-height:1.3;font-weight:600;letter-spacing:-.3px}#home .calculator input[type=range]{appearance:none;-webkit-appearance:none;height:6px;border-radius:6px;background:#eadcf6;margin:22px 0 0;cursor:pointer}#home .calculator input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#a25bdf;border:3px solid white;box-shadow:0 1px 6px #9f6eb84d}#home .calculator input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#a25bdf;border:3px solid white;box-shadow:0 1px 6px #9f6eb84d}#home .calculator input[type=range]::-moz-range-progress{height:6px;background:#b78be3;border-radius:6px}#home .calc-result{padding:23px;gap:20px}#home .calc-result strong,#home .creator-share strong{font-size:42px;font-weight:700;letter-spacing:-1.4px;line-height:1.15;margin-top:9px;color:var(--ink)}#home .calc-result>span{font-size:26px;line-height:1.3;font-weight:600;letter-spacing:-.5px;color:var(--home-accent)}#home .calc-result small,#home .creator-share small{font-size:var(--home-ui);line-height:1.5;font-weight:400;letter-spacing:0;color:var(--home-text)}#home .calculator>p,#home .unlock-math>p{font-size:var(--home-note);line-height:1.75;font-weight:400;color:var(--home-quiet);margin:18px 0 0}#home .math-equation strong{font-size:38px;font-weight:700;letter-spacing:-1.1px;color:var(--ink)}#home .math-equation span{font-size:var(--home-ui);color:var(--home-text)}#home .gross-result,#home .platform-share{font-size:var(--home-ui);line-height:1.5;color:var(--home-text)}#home .gross-result b,#home .platform-share b{font-size:var(--home-subtitle);font-weight:600;color:var(--ink)}#home .creator-share strong{color:#557961}
#home .workflow-profile h3,#home .workflow-success h3,#home .format-message h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.6px;color:var(--ink)}#home .workflow-profile>p,#home .workflow-success>p,#home .workflow-bubble,#home .format-message p{font-size:var(--home-body);line-height:1.7;color:var(--home-text)}#home .workflow-profile>small,#home .workflow-success>small,#home .workflow-caption,#home .format-demo>p{font-size:var(--home-note);line-height:1.75;color:var(--home-quiet)}#home .window-top small,#home .workflow-controls,#home .workflow-controls button,#home .workflow-chat-head small,#home .workflow-premium-meta b,#home .workflow-unlock-label,#home .format-message>span,#home .format-price{font-size:var(--home-ui);line-height:1.5}#home .workflow-chat-head b{font-size:var(--home-body);font-weight:600}#home .workflow-premium-meta strong{font-size:var(--home-subtitle);font-weight:600}#home .workflow-receipt>div{font-size:var(--home-ui);line-height:1.5}#home .workflow-receipt b{font-size:var(--home-subtitle);font-weight:600}
#home .intro-chat-person b,#home .mini-message b,#home .paid-note-title b{font-size:var(--home-ui);font-weight:600;line-height:1.5}#home .intro-chat-person div>span,#home .intro-share,#home .intro-chat>small,#home .intro-unlock,#home .intro-fan,#home .intro-locked p{font-size:var(--home-note);line-height:1.7}#home .intro-chat>small{color:var(--home-quiet)}#home .intro-locked p{font-size:var(--home-ui);color:var(--home-text)}#home .mini-message p{font-size:var(--home-ui);line-height:1.6;color:var(--home-text)}#home .mini-message small,#home .paid-note-title small,#home .hero-demo-caption,#home .paid-chat-top,#home .hero-wallet,#home .typing{font-size:11px;line-height:1.6}#home .hero-demo-caption{color:var(--home-quiet)}#home .hero-wallet strong{font-size:var(--home-ui)}#home .hero-chat{width:270px}#home .mini-message p br{display:none}#home .paid-chat-top{letter-spacing:0}
#home .unlock-workflow{padding-top:56px;padding-bottom:56px}#home .creator-tools{padding-top:38px;padding-bottom:56px}#home .calculator-section{padding-top:56px;padding-bottom:56px;gap:48px}#home .faq{padding-top:56px;padding-bottom:56px}#home .faq-heading{margin-bottom:27px}#home .faq details{padding:24px 0}#home .faq details p{margin-top:16px}#home .home-frame footer>span,#home .home-frame footer>small{font-size:var(--home-note);line-height:1.6;color:var(--home-quiet)}#home .home-frame footer{gap:24px;align-items:center}#home .home-frame footer>span{max-width:220px}#home .home-frame footer>small{max-width:340px;text-align:right}
@media(max-width:1100px){#home .nav{padding:0 36px;gap:18px}#home .nav nav{gap:19px}#home .hero-chat{left:270px;width:250px}#home .hero h1{font-size:55px}}
@media(max-width:900px){#home{--home-title:34px}#home .nav nav{gap:15px}#home .nav{padding:0 28px}#home .hero-chat{left:220px;width:245px}#home .hero-trust{gap:10px}#home .hero h1{font-size:49px}}
@media(max-width:760px){#home{--home-title:30px;--home-subtitle:17px;--home-body:15px;--home-ui:14px;--home-note:12px}#home .nav{height:75px;padding:0 25px}#home .hero h1{font-size:52px}#home .hero-chat{left:auto;right:0;width:260px}#home .hero-actions{gap:12px}#home .hero-description br{display:none}#home .hero-trust{gap:15px}#home .workflow-heading h2,#home .income-copy h2,#home .tools-heading h2,#home .calculator-section h2,#home .faq h2{letter-spacing:-.8px}#home .unlock-workflow{padding-top:40px;padding-bottom:40px}#home .creator-tools{padding-top:30px;padding-bottom:40px}#home .calculator-section,#home .faq{padding-top:40px;padding-bottom:40px}#home .calculator{padding:24px}#home .calc-result strong,#home .creator-share strong{font-size:36px}#home .calc-result{padding:20px}#home .home-frame footer{flex-wrap:wrap;padding:25px;gap:15px}#home .home-frame footer>span{max-width:none}#home .home-frame footer>small{margin-left:0;max-width:none;text-align:left;width:100%}}
@media(max-width:420px){#home .hero h1{font-size:46px}#home .hero-chat{width:245px}#home .hero-actions .btn{padding:14px 18px}#home .calc-result strong{font-size:32px}#home .calc-result>span{font-size:23px}#home .calculator{padding:21px}#home .calc-result{padding:18px;gap:12px}#home .nav>div{gap:15px}#home .btn.small{padding:10px 17px}#home .intro-share{gap:8px;flex-wrap:wrap}}
/* Hero composition grows with its chat, without scaled absolute offsets. */
#home .hero{grid-template-columns:.98fr 1.08fr;gap:30px;padding:46px 48px 40px;align-items:center;min-height:650px}#home .hero-art{position:relative;display:grid;grid-template-columns:1fr;align-items:center;left:auto;width:100%;height:auto;min-height:555px;margin:0;padding:30px 0;transform:none;isolation:isolate}#home .hero-reference{position:relative;grid-area:1 / 1;left:auto;top:auto;width:64%;height:auto;aspect-ratio:206 / 272;max-width:310px;justify-self:start;object-fit:cover;border-radius:21px;transform:rotate(-3deg);box-shadow:0 15px 35px #b38aae24;z-index:2}#home .hero-chat.paid-chat{position:relative;grid-area:1 / 1;left:auto;right:auto;top:auto;width:60%;max-width:290px;justify-self:end;z-index:3;padding:0;margin:0}#home .hero-blob{width:88%;height:82%;left:0;top:9%;z-index:0}#home .hero-blob.lavender{width:75%;height:90%;left:20%;top:4%;background:#eee6f7}#home .hero-blob.pink{background:#fbe9f2}#home .hero-art:after{content:'';position:absolute;bottom:35px;left:20%;width:60%;height:32%;background:#e8f4ed;border-radius:50%;z-index:0;transform:rotate(-15deg)}#home .hero-spark.orange{right:-12px;top:5px;width:35px;height:35px;stroke:#dbad87}#home .hero-spark.purple{right:-7px;bottom:15px;width:35px;height:35px;stroke:#bea1d7}#home .paid-chat-top{gap:10px;align-items:center;margin-bottom:12px}#home .paid-chat-top>span{font-size:10px;letter-spacing:.5px;line-height:1.5;max-width:80px;color:#94819f}#home .hero-wallet{padding:8px 10px;gap:10px;flex-shrink:0;border-color:#e5eee8;background:#fff;border-radius:13px}#home .hero-wallet>button{background:#e8f4ed;color:#547b64;border-radius:9px}#home .paid-chat .mini-message{padding:12px;border-radius:16px;box-shadow:0 6px 22px #8e759010;margin-bottom:10px}#home .paid-chat .mini-message p{font-size:13px;line-height:1.6;margin:5px 0}#home .paid-chat .mini-message b{font-size:12px}#home .paid-chat .mini-message small{font-size:10px}#home .paid-chat .creator-message{background:#f3ecfa;border-color:#eadff3}#home .hero-paid-note{margin:12px 0 0 14px;padding:15px;border-radius:17px;background:#fff;border-color:#e4d9ed;box-shadow:0 10px 30px #ac8ab81a}#home .paid-note-title b{font-size:13px;line-height:1.45}#home .paid-note-title small{font-size:11px}#home .voice-symbol{width:32px;flex-shrink:0;color:#9772b6;background:#f1eafa}#home .hero-demo-caption{font-size:10px;line-height:1.6;margin-top:10px}#home .paid-chat .typing{display:block;background:transparent;margin:10px 0 0;padding:0;font-size:11px;line-height:1.6;text-align:center;color:#94819f}#home .paid-chat .paid-receipt{margin:12px 0 0 14px;background:#edf6f0}
/* Black action, mint secondary: pastel surfaces carry the brand. */
#home .btn,#home .hero-actions .btn,#home .btn.small{background:#24212c;border:1px solid #24212c;color:#fff;border-radius:14px;padding:12px 17px;font-size:14px;line-height:1.5;gap:18px;box-shadow:inset 0 1px 0 #ffffff18,0 5px 0 #17141e0c,0 9px 22px #211b3012;transition:background .18s,transform .18s,box-shadow .18s}#home .btn:hover{background:#39303f;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff18,0 7px 18px #211b3020}#home .btn:active{transform:translateY(0);box-shadow:inset 0 1px 0 #ffffff18}#home .btn>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff13;font-size:17px;flex-shrink:0;line-height:1}#home .btn.secondary,#home .hero-actions .btn.secondary{background:#e5f2e9;color:#3b5b46;border-color:#d2e5d8;box-shadow:inset 0 1px 0 #ffffffb3,0 5px 0 #94b39d0b}#home .btn.secondary>span{background:#d5e8db;color:#3b5b46}#home .btn.secondary:hover{background:#dbeee2}#home .btn.small{padding:10px 19px;border-radius:12px;box-shadow:0 5px 13px #211b3010}#home .hero-paid-note .btn{width:100%;padding:10px 12px;border-radius:11px;justify-content:space-between;background:#26212e;border-color:#26212e;font-size:13px;box-shadow:0 4px 10px #36284110}#home .hero-paid-note.is-unlocked .btn{background:#e1f1e7;border-color:#d1e5d8;color:#466a55}#home .hero-trust{column-gap:15px;row-gap:9px}#home .hero-trust i{background:#eaf5ee;color:#6b9b80}#home .hero-actions{margin:25px 0 27px}
@media(max-width:1100px){#home .hero{padding:38px 35px;gap:25px}#home .hero-art{min-height:535px}#home .hero-chat.paid-chat{width:63%;max-width:280px}#home .hero-reference{width:66%}#home .hero h1{font-size:53px}}
@media(min-width:761px) and (max-width:950px){#home .hero{grid-template-columns:.9fr 1.1fr;padding:35px 28px;gap:22px}#home .hero h1{font-size:44px}#home .hero-description{font-size:15px}#home .hero-chat.paid-chat{width:74%}#home .hero-reference{width:70%;align-self:start;margin-top:45px}#home .hero-art{padding:20px 0}#home .hero-kicker{white-space:normal}#home .hero-actions{gap:10px}#home .hero-actions .btn{font-size:13px;gap:11px}}
@media(max-width:760px){#home .hero{display:block;padding:32px 25px 35px;min-height:0}#home .hero-copy{max-width:490px}#home .hero h1{font-size:52px}#home .hero-art{max-width:490px;width:100%;margin:28px auto 0;padding:22px 0;min-height:510px;left:auto;transform:none;height:auto}#home .hero-chat.paid-chat{width:62%;max-width:290px}#home .hero-reference{width:65%}#home .hero-actions .btn{padding:12px 16px;font-size:14px;gap:16px}#home .hero-spark.orange{right:-9px;top:-2px}#home .hero-spark.purple{bottom:0;right:-7px}#home .hero-trust{gap:10px 17px}}
@media(max-width:420px){#home .hero{padding:29px 22px 32px}#home .hero h1{font-size:46px}#home .hero-art{padding:15px 0;margin-top:24px;min-height:500px}#home .hero-reference{width:76%;align-self:start;margin-top:38px}#home .hero-chat.paid-chat{width:78%;max-width:270px;padding-top:130px}#home .hero-art:after{left:0;width:100%;bottom:30px}#home .hero-blob{height:68%;top:4%;width:100%}#home .hero-blob.lavender{left:18%;width:80%;height:85%;top:8%}#home .paid-chat-top{padding:8px;background:#fffdfefa;border:1px solid #ede4f3;border-radius:13px}#home .paid-chat-top>span{max-width:none;font-size:9px}#home .hero-wallet{border:0;padding:0;box-shadow:none;background:transparent}#home .hero-wallet strong{font-size:13px}#home .hero-actions{gap:11px}#home .hero-actions .btn{font-size:13px;gap:11px;padding:12px 14px}#home .hero-actions .btn>span{width:24px;height:24px;font-size:16px}#home .hero-demo-caption{font-size:10px}#home .hero-spark.orange{top:12px}#home .hero-trust{font-size:12px}}
/* Consistent stroke icons and the creator-chat handwritten accent. */
#home .hero-trust i{width:30px;height:30px;border-radius:9px;background:#edf5ef;color:#6d957d;flex-shrink:0}#home .hero-trust i svg{width:19px;height:19px;display:block}#home .hero-trust{font-weight:500;gap:12px 19px}#home .hero-earn-note{display:block;font-family:Caveat,cursive;font-weight:600;font-size:34px;line-height:1.25;color:#a16eb2;margin-top:13px;transform:rotate(-1deg);transform-origin:left center;letter-spacing:0}#home .handwritten-unlock{display:inline-block;position:relative;color:#b96bab;white-space:nowrap;padding-bottom:8px}#home .handwritten-unlock svg{position:absolute;left:-3%;bottom:1px;width:106%;height:11px;fill:none;stroke:#cc9ad2;stroke-width:2.2;stroke-linecap:round}
@media(max-width:1000px){#home .hero-earn-note{font-size:30px}}
@media(max-width:760px){#home .hero-earn-note{font-size:33px}#home .hero-trust{gap:12px 18px}}
@media(max-width:420px){#home .hero-earn-note{font-size:29px}#home .hero-trust i{width:28px;height:28px}#home .hero-trust i svg{width:18px;height:18px}}
/* Message previews use the same primary action treatment as the hero. */
#home .intro-unlock,#home .workflow-unlock-label,#home .format-price{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#26212e;border:1px solid #26212e;border-radius:11px;padding:10px 12px;color:#fff;font-size:13px;font-weight:600;line-height:1.5;box-shadow:inset 0 1px 0 #ffffff18,0 4px 10px #36284110;letter-spacing:0}#home .intro-unlock>b,#home .workflow-unlock-label>span,#home .format-price>i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:#ffffff13;border-radius:8px;font-size:17px;font-style:normal;font-weight:400;line-height:1}#home .format-price b{font-weight:600;margin-left:8px}
/* Keep both creator entry actions above the fold on desktop laptop heights. */
@media(min-width:761px){#home .home-frame{margin-top:14px}#home .nav{height:72px}#home .hero{min-height:0;padding-top:26px;padding-bottom:30px;align-items:start}#home .hero-copy{align-self:start;min-width:0}#home .hero-kicker{margin-bottom:15px}#home .hero h1{font-size:clamp(42px,6.2dvh,58px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:16px}#home .hero-description{line-height:1.65}#home .hero-earn-note{font-size:32px;line-height:1.2;margin-top:9px}#home .hero-actions{margin:18px 0 20px;flex-wrap:nowrap;gap:12px}#home .hero-actions .btn{white-space:nowrap}#home .hero-art{align-self:center;min-height:0;padding:12px 0}#home .hero-reference{max-width:285px}#home .hero-trust{gap:8px 16px;font-size:11px}#home .hero-trust i{width:27px;height:27px}#home .hero-trust i svg{width:18px;height:18px}}
@media(min-width:761px) and (max-height:800px){#home .home-frame{margin-top:10px}#home .nav{height:66px}#home .hero{padding-top:22px;padding-bottom:25px}#home .hero-kicker{padding:6px 11px;margin-bottom:12px}#home .hero h1{font-size:clamp(38px,5.9dvh,47px);margin-bottom:12px}#home .hero-description{font-size:15px;line-height:1.6}#home .hero-earn-note{font-size:29px;margin-top:7px}#home .hero-actions{margin-top:15px;margin-bottom:17px}#home .hero-art{padding:6px 0}#home .paid-chat .mini-message{padding:10px;margin-bottom:8px}#home .hero-paid-note{padding:13px;margin-top:9px}#home .hero-paid-note .wave{height:28px;margin:7px 0}#home .paid-chat .typing{margin-top:8px}#home .hero-reference{max-width:275px}}
@media(min-width:761px) and (max-width:950px){#home .hero-actions .btn{font-size:13px;padding:11px 13px;gap:10px}#home .hero-actions .btn>span{width:24px;height:24px}#home .hero-actions{gap:9px}#home .hero h1{font-size:clamp(38px,5.9dvh,44px)}}
@media(min-width:761px) and (max-width:850px){#home .hero-actions{flex-wrap:wrap}}
/* Restore the hero's presence, with a gentler laptop-height adjustment. */
@media(min-width:761px){#home .nav{height:76px}#home .hero{padding-top:34px;padding-bottom:34px}#home .hero-kicker{margin-bottom:18px}#home .hero h1{font-size:clamp(48px,6.9dvh,58px);line-height:1.04;margin-bottom:18px}#home .hero-description{font-size:16px;line-height:1.65}#home .hero-earn-note{font-size:33px;margin-top:10px}#home .hero-actions{margin-top:21px;margin-bottom:22px}#home .hero-trust{font-size:12px}#home .hero-reference{max-width:295px}}
@media(min-width:761px) and (max-height:800px){#home .nav{height:72px}#home .hero{padding-top:30px;padding-bottom:30px}#home .hero-kicker{padding:7px 12px;margin-bottom:16px}#home .hero h1{font-size:clamp(44px,6.7dvh,52px);line-height:1.04;margin-bottom:16px}#home .hero-description{font-size:16px;line-height:1.65}#home .hero-earn-note{font-size:32px;margin-top:9px}#home .hero-actions{margin-top:20px;margin-bottom:20px}}
@media(min-width:761px) and (max-height:680px){#home .hero{padding-top:24px}#home .hero h1{font-size:44px}#home .hero-earn-note{font-size:30px}}
@media(min-width:761px) and (max-width:950px){#home .hero h1{font-size:46px}#home .hero-description{font-size:15px}#home .hero-earn-note{font-size:30px}}
/* Creator perspective and optically centered icons in the hero chat. */
#home .hero-wallet>button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}#home .hero-wallet>button svg{display:block;width:18px;height:18px}#home .voice-symbol svg{display:block;width:19px;height:19px}#home .mini-verified{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:3px;line-height:1}#home .mini-verified svg{width:12px;height:12px;display:block}#home #hero-lock{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:3px;line-height:1;color:#ac95ba}#home #hero-lock svg{display:block;width:11px;height:11px}#home .paid-note-title{align-items:center}#home .hero-wallet>span{line-height:1.5}#home .hero-spark.orange{top:-22px;right:-20px;width:30px;height:30px}#home .hero-spark.purple{bottom:-14px;right:-20px;width:30px;height:30px}
@media(max-width:760px){#home .hero-spark.orange{top:-10px;right:-13px}#home .hero-spark.purple{bottom:-10px;right:-13px}}
@media(max-width:420px){#home .hero-spark.orange{top:5px;right:-9px}#home .hero-spark.purple{right:-9px}}
/* Three-line creator proposition: make paid chat explicit. */
@media(min-width:951px){#home .hero-copy{align-self:center}#home .hero h1{font-size:clamp(52px,7.8dvh,64px);line-height:1.07;letter-spacing:-2px;margin-bottom:23px}#home .hero-description{max-width:450px}#home .hero-earn-note{margin-top:15px}#home .hero-actions{margin-top:24px}}
@media(min-width:761px) and (max-width:950px){#home .hero-copy{align-self:center}#home .hero h1{font-size:46px;line-height:1.08;letter-spacing:-1.5px}}
@media(max-width:760px){#home .hero h1{font-size:clamp(36px,9.3vw,52px);line-height:1.08;letter-spacing:-1.4px}#home .hero-description{max-width:450px}}

/* Fan entrance: the same black actions, pastel surfaces and readable type as home. */
#creator .creator-about{height:auto;max-height:none}
#creator .creator-bio{display:block}
#creator .creator-bio h1{font-size:26px;line-height:1.2;color:#302938}
#creator .creator-bio>p{font-size:15px;line-height:1.7;color:#716579}
#creator .creator-handle{font-size:14px!important}
#creator .creator-interests span{font-size:12px;color:#67596f;padding:8px 11px}
#creator .creator-details b{font-size:14px;color:#44394d}
#creator .creator-details p{font-size:13px;line-height:1.6;color:#716579}
#creator .online-pill{font-size:12px;color:#37614b;background:#e5f6ed}
#creator .btn, #creator .public-premium .btn, #creator .public-composer .btn, #modal.fan-entry .btn{background:#242128;color:#fff;border:1px solid #242128;box-shadow:0 4px 12px #24212812;font-size:14px;font-weight:600;min-height:46px;transition:background .18s,transform .18s,box-shadow .18s}
#creator .btn:hover,#modal.fan-entry .btn:hover{background:#3a343f;box-shadow:0 6px 18px #24212820;transform:translateY(-1px)}
#creator .btn:disabled{background:#dff3e8;color:#315d46;border-color:#c6e5d5;box-shadow:none;transform:none}
#creator .creator-nav .btn{padding:11px 24px}
#creator button:focus-visible,#modal.fan-entry button:focus-visible{outline:3px solid #96d3b7;outline-offset:3px}
#creator .public-chat-header h2{font-size:20px;color:#352b3d}
#creator .public-chat-header p{font-size:12px;color:#786d80;line-height:1.5}
#creator .conversation-start>b{font-size:22px;color:#483650;line-height:1.35}
#creator .conversation-start>p{font-size:14px;line-height:1.6;color:#786d80;max-width:360px;margin:8px auto 0}
#creator .bubble-label,#creator .public-message small{font-size:12px;letter-spacing:0;color:#84748d}
#creator .public-message .bubble{font-size:16px;line-height:1.65}
#creator .premium-info b{font-size:15px;color:#473a50}
#creator .premium-info p,#creator .lock-overlay>small{font-size:12px}
#creator .premium-info strong{font-size:22px;color:#302938}
#creator .lock-overlay>span svg{width:21px;height:21px;display:block}
#creator .public-voice>button{background:#242128;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0}
#creator .public-voice b{font-size:14px;line-height:1.5;color:#594763}
#creator .public-voice small,#creator .public-voice small>span{font-size:12px}
#creator .public-preview-note{font-size:12px;color:#83768c;margin:24px 0 0 44px;line-height:1.5}
#creator .composer-intro{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:14px}
#creator .composer-intro b{font-size:15px;color:#3d3345;font-weight:600}
#creator .composer-intro>span{font-size:12px;color:#81748a;line-height:1.5}
#creator .suggested-replies{gap:8px;scrollbar-width:none}
#creator .suggested-replies button{background:#edf8f2;border:1px solid #d5eade;color:#426451;font-size:13px;font-weight:500;min-height:38px;padding:8px 13px}
#creator .suggested-replies button:hover{background:#dff2e7}
#creator .public-composer form{background:#faf9fc;border-color:#e7e1ec}
#creator .public-composer form:focus-within{border-color:#96c7af;box-shadow:0 0 0 3px #e9f7ef}
#creator .public-composer input{font-size:16px;color:#392f41}
#creator .public-composer input::placeholder{color:#92869b}
#creator .public-composer .btn{white-space:nowrap;gap:10px;padding:12px 17px}
#creator .public-composer .btn svg{width:18px;height:18px;display:block;flex-shrink:0}
#creator .public-composer>p,#creator .public-composer>p>button{font-size:12px;color:#81748a;line-height:1.6}
#creator .public-composer>p>button{color:#45394f;text-decoration:underline;text-underline-offset:3px}
#creator .creator-footer>span,#creator .creator-footer>button{font-size:12px;color:#81748a}
#modal.fan-entry h2{font-size:30px;line-height:1.18;letter-spacing:-.8px}
#modal.fan-entry p{font-size:16px;line-height:1.6}
#modal.fan-entry .signup-identity>span:not(.dot),#modal.fan-entry #fan-start-form label{font-size:14px}
#modal.fan-entry .signup-draft>small,#modal.fan-entry .signup-assurance,#modal.fan-entry .signup-demo-note{font-size:12px;line-height:1.6}
@media(max-width:750px){
 #creator .creator-bio h1{font-size:22px;margin-top:8px}
 #creator .public-chat-header h2{font-size:18px}
 #creator .public-chat-header p{font-size:12px}
 #creator .public-messages{padding-bottom:215px}
 #creator .composer-intro{margin-bottom:10px}
 #creator .composer-intro>span{display:none}
 #creator .public-composer{padding:14px 15px calc(14px + env(safe-area-inset-bottom))}
 #creator .public-composer .btn{padding:11px 13px}
 #creator .creator-footer{padding-bottom:210px}
}
@media(max-width:420px){
 #creator .creator-nav .btn{padding:10px 18px}
 #creator .public-composer .btn>span{display:inline}
 #creator .public-composer .btn{font-size:13px;gap:5px;padding:10px}
 #creator .public-composer input{padding:10px 5px}
 #creator .public-composer .btn svg{width:16px;height:16px}
 #creator .conversation-start>b{font-size:20px}
 #creator .public-preview-note{margin-left:0}
}

/* Keep the mobile composer inside its chat, before the page footer. */
@media(max-width:750px){
 #creator .creator-shell{display:flex;flex-direction:column;align-items:stretch;padding-bottom:22px}
 #creator .public-chat{overflow:hidden;min-width:0}
 #creator .public-messages{max-height:clamp(260px,45svh,420px);overflow-y:auto;overscroll-behavior:contain;padding:24px 19px;border-radius:0;scroll-padding-bottom:20px}
 #creator .public-composer{position:relative;inset:auto;left:auto;bottom:auto;transform:none;width:100%;max-width:100%;margin:0;border:0;border-top:1px solid #eadff4;border-radius:0;padding:14px 15px 16px;box-shadow:none;z-index:auto}
 #creator .public-composer form{min-width:0;flex-wrap:wrap;gap:6px}
 #creator .public-composer input{flex:1 1 120px;width:0;min-width:0}
 #creator .public-composer .btn{flex:0 0 auto}
 #creator .public-composer>p{margin-top:12px}
 #creator .public-sent{scroll-margin-bottom:20px}
 #creator .creator-footer{padding:0 18px calc(24px + env(safe-area-inset-bottom));margin-top:0;position:relative}
}
@media(max-width:420px){
 #creator .public-messages{padding:21px 14px}
 #creator .public-composer form{display:grid;grid-template-columns:minmax(0,1fr)}
 #creator .public-composer input{width:100%;padding:11px 9px}
 #creator .public-composer .btn{width:100%;justify-content:center;font-size:14px;gap:9px}
 #creator .public-composer .btn svg{width:18px;height:18px}
}

/* Crisp vector wordmark, optically sized for its wider four-letter silhouette. */
.logo img,.creator-nav .logo img{width:110px;height:auto;mix-blend-mode:normal}
.sidebar .logo img{width:100px}
.home-frame footer .logo img,.creator-footer .logo img{width:82px}
@media(max-width:750px){.logo img,.creator-nav .logo img{width:100px}.sidebar .logo img{width:92px}}

/* Reveal chat items without moving the surrounding hero layout. */
#home .paid-chat .fan-message,#home .paid-chat .creator-message,#home .hero-paid-note{transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.2,1);transform:translateY(0);opacity:1}
#home .paid-chat .is-pending{opacity:0;transform:translateY(10px);visibility:hidden;pointer-events:none}
#home .hero-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;min-height:30px}
#home .hero-demo-controls .typing{margin:0;padding:0;background:none;font-size:12px;line-height:1.5;min-width:0;color:#877492}
#home #hero-replay{border:0;background:none;flex-shrink:0;font-size:12px;color:#796486;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#home #hero-replay:disabled{opacity:.45;cursor:default}
#home #hero-replay:focus-visible{outline:2px solid #96c7af;outline-offset:4px;border-radius:4px}
#home .hero-demo-controls .is-typing:before{content:'•••';display:inline-block;letter-spacing:2px;color:#b08bd2;margin-right:6px;animation:heroTypingPulse 1s ease-in-out infinite}
#home .receipt-arrived{animation:heroReceiptArrival .4s ease both}
@keyframes heroTypingPulse{0%,100%{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}
@keyframes heroReceiptArrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#home .paid-chat .fan-message,#home .paid-chat .creator-message,#home .hero-paid-note{transition:none}#home .receipt-arrived,#home .hero-demo-controls .is-typing:before{animation:none}}

/* Stable hero geometry through every message, status and unlock state. */
#home .paid-chat .paid-receipt[hidden]{display:flex!important;visibility:hidden;opacity:0;pointer-events:none}
#home .hero-demo-controls{height:42px;min-height:42px;max-height:42px;align-items:center}
#home .hero-demo-controls .typing{flex:1;line-height:18px;max-height:36px;overflow:hidden}
#home .hero-demo-caption{height:28px;min-height:28px;line-height:14px;display:block}
#home .paid-chat .fan-message,#home .paid-chat .creator-message,#home .hero-paid-note,#home .paid-chat .is-pending{transform:none;transition:opacity .38s ease}
@keyframes heroReceiptArrival{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#home .paid-chat .fan-message,#home .paid-chat .creator-message,#home .hero-paid-note{transition:none}}

/* A quiet utility row beneath the conversation, aligned to the chat cards. */
#home .hero-demo-controls{height:42px;min-height:42px;max-height:42px;margin:14px 0 0 14px;padding:8px 0 0;border-top:1px solid #e5ddea;gap:10px;text-align:left}
#home .hero-demo-controls .typing{display:block;flex:1;text-align:left;font-size:12px;line-height:18px;font-weight:500;color:#93859e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#home .hero-demo-controls #hero-replay{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;border:1px solid #e7deec;border-radius:9px;background:#ffffffa6;color:#80708c;font-size:12px;line-height:18px;text-decoration:none;white-space:nowrap}
#home .hero-demo-controls #hero-replay:hover{background:#f4eef8;color:#574163;border-color:#dacee4}
#home #hero-replay svg{width:14px;height:14px;display:block}
/* Keep the monochrome wordmark legible in the optional dashboard dark theme. */
body.dark .sidebar .logo img{filter:brightness(0) invert(1)}

/* A compact mobile composition, not a scaled-down desktop collage. */
@media(max-width:760px){
 #home .hero-art{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;max-width:420px;margin:32px auto 0;padding:10px 0 0}
 #home .hero-reference{align-self:center;justify-self:auto;width:60%;max-width:220px;aspect-ratio:206 / 272;margin:0 0 18px;height:auto;transform:rotate(-3deg);border-radius:22px}
 #home .hero-chat.paid-chat{width:100%;max-width:none;padding:16px;margin:0;grid-area:auto;border:1px solid #e7dfea;border-radius:24px;background:#fffcff;box-shadow:0 12px 32px #8e759010}
 #home .hero-blob{width:90%;height:260px;left:0;top:0}
 #home .hero-blob.lavender{width:70%;height:260px;left:25%;top:45px;opacity:.6}
 #home .hero-art:after{width:180px;height:130px;left:auto;right:0;top:110px;bottom:auto;opacity:.6}
 #home .hero-spark{display:none}
 #home .paid-chat-top{padding:0 0 14px;margin:0 0 14px;border:0;border-bottom:1px solid #ede5f1;border-radius:0;background:none;gap:12px}
 #home .paid-chat-top>span{font-size:11px;max-width:130px;line-height:1.4;letter-spacing:.4px}
 #home .hero-wallet{background:#fff;border:1px solid #e6eee8;border-radius:12px;padding:7px 9px;gap:9px}
 #home .hero-wallet>span{font-size:11px}
 #home .hero-wallet strong{font-size:15px}
 #home .hero-wallet>button{width:28px;height:28px}
 #home .paid-chat .mini-message{margin:0 0 12px;padding:12px;border-radius:16px;background:#fff;border:1px solid #eee8f2;box-shadow:none;gap:10px}
 #home .paid-chat .creator-message{background:#f2ebf8;border-color:#e8dcf0}
 #home .paid-chat .mini-message>div{min-width:0;flex:1}
 #home .paid-chat .mini-message p{font-size:14px;line-height:1.55;margin:5px 0 8px}
 #home .paid-chat .mini-message b{font-size:14px}
 #home .paid-chat .mini-message small{font-size:11px}
 #home .hero-paid-note{margin:0;padding:15px;border-radius:17px;box-shadow:none}
 #home .paid-note-title b{font-size:14px;line-height:1.4}
 #home .paid-note-title small{font-size:12px}
 #home .hero-paid-note .btn{font-size:14px;min-height:46px;padding:10px 12px}
 #home .hero-demo-caption{font-size:11px;height:auto;min-height:28px;line-height:1.5;margin-top:10px}
 #home .paid-chat .paid-receipt{margin:12px 0 0;background:#edf6f0}
 #home .paid-chat .paid-receipt[hidden]{display:none!important}
 #home .hero-demo-controls{margin:14px 0 0;height:30px;min-height:30px;max-height:30px;padding:10px 0 0}
 #home .hero-demo-controls #hero-replay{display:none}
 #home .hero-demo-controls .typing{font-size:11px;text-align:center}
}
.nav-demo-mobile{display:none}
@media(max-width:760px){.nav-demo-mobile{display:inline-flex;align-items:center;justify-content:center}.nav>div{min-width:0}.nav>div .nav-demo-mobile{padding:10px 8px}.nav>div .btn.small{padding-inline:14px}}