:root{--ink:#291b26;--muted:#72606c;--pink:#f7e4ec;--rose:#e44b8a;--soft:#fff9fc;--line:#dfc8d4;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--pink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b72965;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 112px));margin:auto}.hero-wrap{overflow:hidden}.site-header{height:115px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:31px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.brand-mark{font-size:38px;font-weight:500;line-height:1}.brand-period{color:var(--rose)}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.site-header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:20px 25px;border-radius:7px;font-size:15px;font-weight:600;line-height:1.3;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff5fa}.button-dark:hover{background:#49313f}.button-small{padding:15px 20px;font-size:14px}.button span[aria-hidden]{font-size:22px;line-height:1}.hero{position:relative;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:35px;padding-top:36px;padding-bottom:40px;min-height:660px}.hero-copy{position:relative;z-index:1;padding-bottom:12px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;display:flex;gap:9px;align-items:center;line-height:1.5}.tiny-spark{font-size:22px;font-weight:400;line-height:1}h1{font-family:var(--display);font-size:clamp(54px,5.5vw,80px);font-weight:750;line-height:1.075;letter-spacing:-5px;margin:25px 0 27px}h1 span{color:var(--rose)}.hero-copy>p{max-width:415px;font-size:17px;line-height:1.65;color:#65505e}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:31px}.text-link{font-size:14px;font-weight:650;display:flex;align-items:center;gap:10px}.play-icon{font-size:22px}.hero-note{font-size:12px;color:var(--muted);max-width:390px;margin-top:25px;line-height:1.6}.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;padding-bottom:25px}.hero-art>img{width:calc(100% + 64px);max-width:none;aspect-ratio:1/1.07;object-fit:cover;object-position:center;border-radius:48% 48% 9px 9px;mix-blend-mode:multiply}.art-caption{position:absolute;top:6px;left:15px;z-index:1;font-size:12px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:8px;transform:rotate(-7deg)}.art-caption>span{font-size:35px;font-weight:400}.art-note{position:absolute;z-index:1;left:-5px;bottom:66px;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;padding:15px 21px 15px 15px;background:#fffafd;border:1px solid #fff;border-radius:7px;box-shadow:0 7px 24px #462b3d14;transform:rotate(-7deg)}.note-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f6dce7;border-radius:50%;font-size:25px}.art-signature{position:absolute;bottom:6px;right:5px;font-family:Georgia,serif;font-style:italic;font-size:20px;transform:rotate(-5deg)}.platform-line{display:flex;align-items:center;gap:37px;padding:29px 0 31px;border-bottom:1px solid var(--line)}.platform-line>span{font-size:12px;letter-spacing:1.25px;font-weight:700;color:#806977;max-width:200px;line-height:1.6}.platform-names{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:16px 32px;font-size:16px;font-weight:650;line-height:1.4}.platform-names>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.platform-symbol{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:32px;height:20px;padding:0 6px;margin:0;border:0;border-radius:.4em;font-family:var(--sans);font-style:normal;font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}.cb{background:#f6d1a8;color:#9e591a}.mfc{background:#d8e7bb;color:#55732a}.sc{background:#f2c0d1;color:#a43355}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:39px 0 47px;scroll-margin-top:25px}.steps article{display:flex;align-items:flex-start;gap:16px;padding:0 22px;border-left:1px solid var(--line)}.steps article:first-child{border:0;padding-left:0}.steps article:last-child{padding-right:0}.step-number{font-size:12px;font-weight:700;border:1px solid #bd9fae;border-radius:50%;width:33px;height:33px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.steps h2{font-size:15px;font-weight:700;margin:4px 0 7px}.steps p{font-size:13px;color:var(--muted);line-height:1.5}.demo-section{background:var(--soft);padding:81px 0 58px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:30px}.section-heading .eyebrow{color:#866376;font-size:12px;letter-spacing:1.45px;margin-bottom:16px}.section-heading h2{font-family:var(--display);font-size:43px;letter-spacing:-2.2px;font-weight:750;line-height:1.2}.section-heading h2 span{color:#be487a}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7;padding-bottom:4px}.demo-shell{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid #ddced6;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #4923370a;min-height:636px;background:#fff}.demo-sidebar{padding:29px 19px 25px;background:#2c202b;color:#ecdae8;display:flex;flex-direction:column}.studio-brand{display:flex;align-items:center;gap:11px;padding:0 9px;font-family:var(--display);font-size:22px;font-weight:650;letter-spacing:-1px}.studio-brand>span{color:#ee9abd;font-size:29px;line-height:1}.studio-profile{display:flex;align-items:center;gap:12px;margin:31px 9px 29px}.profile-avatar{width:35px;height:35px;background:#ecbed5;border:3px solid #7f526b;color:#63394f;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.studio-profile strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.studio-profile div>span{font-size:12px;color:#ad94a6}.demo-tablist{display:flex;flex-direction:column;gap:9px}.demo-tablist>button{background:transparent;border-radius:6px;padding:12px 10px;color:#bfa9b9;display:flex;align-items:center;gap:10px;text-align:left;font-size:12px}.demo-tablist>button[aria-selected=true]{background:#f6d5e5;color:#402534;font-weight:650}.demo-tablist>button>span:first-child{font-size:18px}.tab-count{margin-left:auto;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#eab8cf;width:21px;height:21px;font-size:12px}.sidebar-platforms{margin:38px 10px 0;font-size:12px}.sidebar-label{display:flex;justify-content:space-between;letter-spacing:1.5px;font-size:12px;color:#aa8fa1;margin-bottom:18px;font-weight:600}.sidebar-platforms>div:not(.sidebar-label){display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:16px}.connection-dot{width:5px;height:5px;background:#b6cf9b;margin-left:auto;border-radius:50%}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin:50px 8px 0;padding-top:25px;border-top:1px solid #4d3948;color:#b598aa;margin-top:auto;font-size:12px;line-height:1.6}.sidebar-bottom>span{font-size:22px;color:#df95b7}.demo-main{min-width:0;display:flex;flex-direction:column}.demo-topbar{height:56px;border-bottom:1px solid #eee6ea;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:10px}.demo-topbar>span:first-child{font-size:12px;color:#83727d;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;display:block;background:#ae8b9e;border-radius:50%}.demo-badge{font-size:12px;font-weight:600;letter-spacing:1.1px;color:#916078;background:#faeef4;padding:6px 8px;border:1px solid #f0dbe5;border-radius:4px}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 26px 23px;gap:16px}.chat-heading h3{font-family:var(--display);font-size:24px;font-weight:750;letter-spacing:-1px}.chat-heading h3 span{color:var(--rose)}.chat-heading p{color:#8d7c86;font-size:12px;margin-top:7px}.chat-count{font-size:12px;white-space:nowrap;color:#a08e99}.chat-count strong{font-weight:500;color:#786372}.chat-toolbar{padding:0 26px 17px;border-bottom:1px solid #eee6ea;display:flex;align-items:center;justify-content:space-between;gap:10px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{background:transparent;padding:8px 10px;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#867580}.filter.active{background:#f5e4ed;color:#67374e;font-weight:650}.filter:hover{background:#faeff5}.filter-dot{height:5px;width:5px;border-radius:50%}.filter-dot.cb{background:#dba259}.filter-dot.mfc{background:#96ac66}.filter-dot.sc{background:#d66b8f}.sort-label select{font-size:12px;max-width:110px;padding:7px 4px;background:white;border:none;color:#867580;cursor:pointer}.message-list{height:308px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e7d5df transparent;padding:0 26px}.message{display:flex;gap:11px;padding:14px 0 13px;border-bottom:1px solid #f2edf0;align-items:flex-start}.message-avatar{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:650;background:var(--avatar-bg);color:var(--avatar-color)}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.message-name{font-size:12px;font-weight:650}.message-platform{font-size:12px;font-weight:600;padding:3px 5px;border-radius:3px;line-height:1}.message-time{font-size:12px;color:#a4939e;margin-left:auto;white-space:nowrap}.message-text{font-size:12px;line-height:1.55;color:#75606f;overflow-wrap:anywhere}.tip-tag{display:inline-flex;align-items:center;font-size:12px;color:#9a6b2d;background:#fff2d9;border:1px solid #f7e4bd;border-radius:4px;padding:4px 8px;margin:3px 0;gap:5px}.own-message .message-avatar{background:#e9cee0;color:#764c65}.you{background:#eee3ea;color:#714b61}.composer{margin:18px 26px 10px;border:1px solid #e8dce3;border-radius:7px;display:flex;align-items:center;padding:8px 9px 8px 12px;gap:10px;background:#fffafd}.composer>span{font-size:20px;color:#a28597}.composer input{font-size:12px;background:transparent;border:0;outline:0;width:100%;min-width:0;color:var(--ink)}.composer input::placeholder{color:#a28e9b}.composer:focus-within{border-color:#c26c93;box-shadow:0 0 0 2px #f4deea}.composer input:focus-visible{outline:none}.composer button{width:29px;height:29px;flex-shrink:0;color:#fff3f9;background:#553747;border-radius:5px;font-size:19px}.demo-disclaimer{text-align:center;color:#ab95a3;font-size:12px;line-height:1.5;padding:0 18px 16px}.demo-footnote{display:flex;align-items:center;gap:8px;margin-top:19px;color:#987789;font-size:12px}.demo-footnote>span:first-child{font-size:22px}.footnote-right{margin-left:auto}.closing-cta{padding:59px 0 56px;display:flex;justify-content:space-between;align-items:center;gap:30px}.closing-cta .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:13px;color:#8b6076}.closing-cta h2{font-family:var(--display);font-size:33px;letter-spacing:-1.7px;line-height:1.2}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 0 34px;color:#846978;font-size:12px}.footer-brand{font-size:21px;letter-spacing:-1px;color:var(--ink);gap:8px}.footer-brand>span{font-size:24px;font-weight:400}.design-trigger{padding:0;color:#806473;font-size:12px;background:none;line-height:1.5;text-align:right}.design-trigger:hover{text-decoration:underline}.stream-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:40px 20px 50px}.stream-source,.stream-hub{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.stream-source strong,.stream-hub strong{font-size:14px}.stream-source>span:last-child,.stream-hub>span:last-child{font-size:12px;color:#947789;max-width:100px;line-height:1.5}.stream-icon,.stream-hub>span:first-child{display:flex;width:61px;height:61px;align-items:center;justify-content:center;border-radius:17px;font-size:30px;background:#f7eef3;color:#82506b;margin-bottom:7px}.stream-hub>span:first-child{background:#f2c7dd;color:#714359}.flow-connector{color:#c596af;font-size:23px;margin-top:-34px}.stream-destinations{display:flex;flex-direction:column;gap:18px;margin-top:-10px}.stream-destinations>div{display:flex;align-items:center;gap:9px;border:1px solid #ecdee6;border-radius:7px;padding:11px 15px;font-size:12px}.destination-state{font-size:12px;display:block;color:#9b8895;margin-top:4px}.stream-control{text-align:center;border-top:1px solid #f0e7ed;margin:0 26px;padding:30px 0 22px}.stream-control .button{font-size:12px;padding:15px 20px}.stream-control p{font-size:12px;color:#977b8d;line-height:1.5;margin-top:15px}.stream-running .stream-hub>span:first-child{box-shadow:0 0 0 8px #f9e7f0;animation:breathe 2s infinite}.stream-running .flow-connector{color:#b73572}.stream-running .destination-state{color:#56713c}.stream-running .stream-destinations>div{background:#f9fcf5;border-color:#dce6d1}.skip-link{position:absolute;top:-100px;left:15px;z-index:30;background:var(--ink);color:white;padding:13px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #e7ceda;border-radius:17px;background:#fffafd;color:var(--ink);width:min(1090px,calc(100% - 40px));max-height:90svh;padding:38px;box-shadow:0 30px 130px #21101c50}dialog::backdrop{background:#25141eb8;backdrop-filter:blur(8px)}.design-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.design-dialog-header .eyebrow{font-size:12px;color:#93687e}.design-dialog-header h2{font-family:var(--display);font-size:30px;letter-spacing:-1.1px;margin-top:11px}.close-dialog{background:#f3e5ed;border-radius:50%;font-size:26px;line-height:1;width:35px;height:35px;flex-shrink:0}.design-intro{font-size:14px;color:var(--muted);margin:15px 0 25px;line-height:1.5}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.design-card{border:1px solid #e9d7e2;padding:0;text-align:left;background:#fff;border-radius:9px;overflow:hidden}.design-card.selected{border-color:#c83e7c;box-shadow:0 0 0 2px #e8aac8}.design-card>img{width:100%;aspect-ratio:1;object-fit:cover}.design-card>span{display:block;padding:15px 12px}.design-card strong,.logo-card strong{font-size:13px;display:block}.design-card small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}.logo-heading{font-size:21px;font-family:var(--display);letter-spacing:-.5px;margin:33px 0 18px}.logo-card{background:#fff;border:1px solid #eadbe4;border-radius:8px;padding:17px}.logo-card img{height:100px;width:100%;object-fit:contain;margin-bottom:20px}.logo-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 14px}.logo-card a{font-size:12px;font-weight:600;color:#a63368}.brand-image{width:220px;height:62px;object-fit:contain;mix-blend-mode:multiply}.image-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 5px 20px #0002;font-size:14px;max-width:calc(100% - 30px)}@keyframes breathe{50%{box-shadow:0 0 0 12px #f9e7f0}}@media(min-width:1500px){.hero{min-height:690px}.hero-art>img{width:calc(100% + 80px)}}@media(max-width:1150px){.container{width:calc(100% - 70px)}.site-header{gap:20px}.site-header nav{gap:22px}.hero{gap:20px;min-height:610px}.hero-art>img{width:calc(100% + 30px)}h1{letter-spacing:-3.5px}.hero-copy>p{font-size:16px;max-width:370px}.hero-actions{gap:20px}.button{gap:20px;padding:18px 21px}.button-small{padding:14px 16px}.eyebrow{font-size:12px;letter-spacing:1.1px}.art-note{left:0;bottom:65px;padding:12px;font-size:12px}.art-signature{font-size:17px}.platform-line{gap:25px}.platform-names{gap:24px;font-size:14px}.steps{gap:10px}.steps article{gap:11px;padding:0 15px}.steps h2{font-size:14px}.steps p{font-size:12px}.demo-shell{grid-template-columns:210px minmax(0,1fr)}.demo-sidebar{padding-left:14px;padding-right:14px}.chat-toolbar{flex-wrap:wrap;gap:12px}.chat-toolbar,.chat-heading{padding-left:22px;padding-right:22px}.message-list{padding-left:22px;padding-right:22px}.section-heading h2{font-size:38px}.section-heading>p{font-size:12px}.stream-flow{gap:10px}.flow-connector{font-size:18px}.stream-destinations>div{padding:10px;font-size:12px}.brand{font-size:27px}.brand-mark{font-size:32px}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.site-header{height:92px}.site-header nav{display:none}.hero{min-height:auto;padding-top:30px;gap:15px;padding-bottom:35px;grid-template-columns:1.1fr 1fr}h1{font-size:clamp(40px,6.4vw,55px);letter-spacing:-2.9px;margin-top:22px}.hero-copy>p{font-size:14px;line-height:1.65}.hero-actions{align-items:flex-start;gap:17px;flex-direction:column;margin-top:25px}.hero-actions .button{font-size:13px;padding:16px 19px}.text-link{font-size:12px}.hero-note{font-size:12px;margin-top:22px}.hero-art{align-self:center;min-height:430px}.hero-art>img{width:calc(100% + 38px);aspect-ratio:1/1.25}.art-caption{top:0;left:0;font-size:12px;letter-spacing:.8px}.art-caption>span{font-size:25px}.art-note{font-size:12px;bottom:45px;left:-5px;gap:8px;padding:10px}.note-icon{width:27px;height:27px;font-size:20px}.art-signature{font-size:15px;right:-7px;bottom:0}.platform-line>span{font-size:12px;max-width:145px}.platform-names{font-size:12px;gap:18px}.steps{padding:28px 0 36px;gap:10px}.steps article{gap:9px;padding:0 10px}.step-number{font-size:12px;width:25px;height:25px}.steps h2{font-size:12px;margin-top:2px;line-height:1.4}.steps p{font-size:12px}.demo-section{padding-top:55px}.section-heading{gap:20px}.section-heading h2{font-size:32px;letter-spacing:-1.6px}.section-heading>p{max-width:190px;font-size:12px}.demo-shell{grid-template-columns:165px minmax(0,1fr)}.demo-sidebar{padding:24px 10px}.studio-brand{font-size:17px;gap:8px;padding:0 5px}.studio-brand>span{font-size:24px}.studio-profile{margin:28px 3px 23px;gap:8px}.studio-profile strong{font-size:12px}.studio-profile div>span{font-size:12px}.profile-avatar{width:28px;height:28px;font-size:12px;border-width:2px}.demo-tablist>button{font-size:12px;padding:10px 8px;gap:6px}.tab-count{width:16px;height:16px;font-size:12px}.sidebar-platforms{margin:31px 4px 0;font-size:12px}.sidebar-label{font-size:12px;letter-spacing:.6px}.sidebar-bottom{font-size:12px;gap:6px;margin-left:3px;margin-right:3px}.demo-topbar{padding:0 18px;height:50px}.demo-topbar>span:first-child{font-size:12px}.demo-badge{font-size:12px;letter-spacing:.3px;padding:5px}.chat-heading{padding:23px 18px 20px}.chat-heading h3{font-size:21px}.chat-heading p{font-size:12px}.chat-count{font-size:12px}.chat-toolbar{padding:0 18px 14px;gap:6px}.filters{gap:3px}.filter{font-size:12px;padding:7px}.sort-label select{font-size:12px}.message-list{padding:0 18px;height:308px}.composer{margin-left:18px;margin-right:18px}.demo-footnote{font-size:12px}.closing-cta h2{font-size:27px;letter-spacing:-1.2px}.closing-cta .button{font-size:12px;gap:14px;padding:17px}.footer-brand{font-size:18px}footer{font-size:12px}.design-trigger{font-size:12px}.stream-flow{flex-wrap:wrap;gap:14px;padding:35px 15px}.stream-source strong,.stream-hub strong{font-size:12px}.stream-destinations{flex-direction:row;width:100%;justify-content:center;margin-top:12px}.stream-flow>.flow-connector:nth-last-child(2){display:none}.stream-icon,.stream-hub>span:first-child{width:50px;height:50px}.stream-control{margin:0 18px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{height:88px;gap:10px}.brand{font-size:25px;letter-spacing:-1.3px;gap:6px}.brand-mark{font-size:30px}.site-header>.button{font-size:12px;gap:8px;padding:12px 13px}.site-header>.button>span{font-size:16px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:22px;gap:20px;padding-bottom:28px}.hero-copy{padding-bottom:0}.eyebrow{font-size:12px;letter-spacing:1.1px}.tiny-spark{font-size:18px}h1{font-size:clamp(50px,12.4vw,70px);letter-spacing:-3.4px;line-height:1.05;margin:22px 0 22px}.hero-copy>p{font-size:15px;max-width:370px;line-height:1.6}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px}.hero-actions .button{font-size:13px;padding:17px 20px}.text-link{font-size:12px;gap:6px}.hero-note{font-size:12px;line-height:1.5;max-width:none;margin-top:19px}.hero-art{width:100%;min-height:0;align-self:stretch;padding:20px 0 30px;margin-top:10px;aspect-ratio:1/1.04}.hero-art>img{width:100%;aspect-ratio:1/1;object-position:center;border-radius:46% 46% 8px 8px}.art-caption{top:9px;left:7px;font-size:12px;letter-spacing:1.2px}.art-caption>span{font-size:29px}.art-note{bottom:61px;left:-3px;padding:13px;font-size:12px;gap:10px}.note-icon{width:31px;height:31px;font-size:23px}.art-signature{bottom:0;right:5px;font-size:18px}.platform-line{align-items:flex-start;flex-direction:column;gap:18px;padding:20px 0 27px}.platform-line>span{max-width:none;font-size:12px;letter-spacing:1.25px}.platform-names{width:100%;gap:12px 20px;justify-content:flex-start;font-size:12px}.steps{padding:28px 0 34px;gap:13px}.steps article{display:block;padding:0 0 0 13px}.steps article:first-child{padding-left:0}.step-number{margin-bottom:13px;width:26px;height:26px;font-size:12px}.steps h2{font-size:12px;line-height:1.5;margin:0 0 7px}.steps p{font-size:12px;line-height:1.6}.demo-section{padding:43px 0 35px}.section-heading{display:block;margin-bottom:25px}.section-heading .eyebrow{font-size:12px;margin-bottom:12px}.section-heading h2{font-size:33px;letter-spacing:-1.8px}.section-heading>p{font-size:12px;max-width:none;margin-top:14px;line-height:1.6}.section-heading>p br{display:none}.demo-shell{display:flex;flex-direction:column;min-height:0;border-radius:11px}.demo-sidebar{padding:16px 13px 12px}.studio-brand{font-size:18px;padding:0 4px}.studio-profile,.sidebar-platforms,.sidebar-bottom{display:none}.demo-tablist{flex-direction:row;margin-top:16px;gap:8px}.demo-tablist>button{font-size:12px;flex:1;justify-content:center;gap:8px;padding:10px}.tab-count{margin-left:3px;width:17px;height:17px}.demo-topbar{height:45px;padding:0 14px}.demo-topbar>span:first-child{font-size:12px}.demo-badge{font-size:12px;padding:5px 6px}.chat-heading{padding:22px 14px 19px;gap:8px}.chat-heading h3{font-size:22px}.chat-heading p{font-size:12px}.chat-count{font-size:12px}.chat-toolbar{padding:0 13px 13px;gap:8px}.filters{gap:3px}.filter{font-size:12px;padding:7px 8px;gap:4px}.filter-dot{width:4px;height:4px}.sort-label{margin-left:auto}.sort-label select{font-size:12px}.message-list{height:308px;padding:0 15px}.message{gap:9px;padding:13px 0}.message-avatar{width:28px;height:28px;font-size:12px}.message-meta{gap:6px}.message-name{font-size:12px}.message-platform{font-size:12px}.message-text{font-size:12px}.message-time{font-size:12px}.composer{margin:15px 13px 10px}.demo-disclaimer{font-size:12px}.demo-footnote{font-size:12px;margin-top:14px}.footnote-right{display:none}.closing-cta{display:block;padding:39px 0}.closing-cta .eyebrow{font-size:12px}.closing-cta h2{font-size:29px;letter-spacing:-1.4px}.closing-cta .button{margin-top:24px;font-size:13px;padding:17px 21px;gap:24px}footer{flex-wrap:wrap;gap:20px 15px;padding:24px 0 28px}footer>span{margin-left:auto;font-size:12px}.footer-brand{font-size:18px;gap:5px}.footer-brand>span{font-size:22px}.design-trigger{width:100%;text-align:left;font-size:12px}.stream-flow{padding:30px 15px 25px;gap:23px}.stream-destinations{gap:10px;margin-top:8px}.stream-destinations>div{font-size:12px;padding:10px}.stream-control{padding:24px 0 20px}.stream-control p{font-size:12px}.stream-control .button{font-size:12px}dialog{width:calc(100% - 24px);padding:23px 18px;max-height:92svh}.design-dialog-header{gap:12px}.design-dialog-header h2{font-size:25px;line-height:1.2}.design-dialog-header .eyebrow{font-size:12px}.close-dialog{width:30px;height:30px;font-size:23px}.design-intro{font-size:12px;margin:15px 0 20px}.design-grid{grid-template-columns:1fr;gap:18px}.design-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.design-card>img{height:110px;width:110px}.design-card>span{padding:12px}.design-card strong{font-size:12px;line-height:1.5}.design-card small{font-size:12px}.logo-heading{font-size:21px}.logo-card{padding:17px}.logo-card img{height:85px;margin-bottom:13px}.logo-card strong{font-size:14px}.logo-card p,.logo-card a{font-size:12px}.brand-image{width:180px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Readable controls and conversation text at every viewport. */
.hero-copy>p{font-size:17px}.hero-note,.steps p{font-size:14px}.steps h2{font-size:16px}.eyebrow{font-size:12px}.filter,.sort-label select,.demo-tablist>button,.sidebar-platforms,.studio-profile strong,.message-text,.composer input,.stream-destinations>div{font-size:14px}.message-name{font-size:13px}.message-meta{row-gap:6px}.message-platform,.message-time,.chat-count,.demo-badge,.demo-disclaimer,.demo-topbar>span:first-child{font-size:12px}.chat-heading p{font-size:14px}.chat-toolbar{flex-wrap:wrap}.filters{gap:5px}.filter{padding:8px 9px}.sort-label{margin-left:auto}.sort-label select{max-width:135px}.message-list{height:325px}.message-avatar{width:34px;height:34px;font-size:12px}.studio-profile div>span{font-size:12px}.sidebar-label{font-size:12px;letter-spacing:.5px}.demo-sidebar{min-width:0}.sidebar-bottom{font-size:12px}.demo-shell{min-height:670px}.section-heading>p{font-size:16px}.brand-image{width:242px;height:80px;mix-blend-mode:normal;object-fit:contain}.brand{gap:0}.demo-footnote,footer,.design-trigger{font-size:12px}.art-caption{font-size:12px}.platform-line>span{font-size:12px}.steps{gap:15px}.step-number{width:32px;height:32px}.design-card small,.logo-card p,.logo-card a{font-size:14px}.design-card strong,.logo-card strong{font-size:15px}.demo-topbar{min-height:56px;height:auto;padding-top:12px;padding-bottom:12px}.demo-topbar>span:first-child{line-height:1.5}.hero-copy{padding-right:0}
@media(max-width:1150px){.demo-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar-platforms{margin-left:5px;margin-right:5px}.section-heading>p{font-size:14px}.steps h2{font-size:14px}.steps p{font-size:12px}.brand-image{width:220px}}
@media(max-width:850px){.demo-shell{display:flex;flex-direction:column}.demo-sidebar{padding:18px}.studio-profile,.sidebar-platforms,.sidebar-bottom{display:none}.demo-tablist{flex-direction:row;margin-top:17px}.demo-tablist>button{flex:1;justify-content:center}.tab-count{margin-left:4px}.studio-brand{font-size:22px}.hero-copy>p{font-size:16px}.eyebrow{font-size:12px;letter-spacing:.8px}.art-caption{font-size:12px}.hero-note{font-size:12px}.hero-art{min-height:0}.steps h2{font-size:14px}.steps p{font-size:12px}.brand-image{width:200px;height:65px}.section-heading>p{font-size:14px;max-width:235px}.message-name{font-size:14px}.message-platform,.message-time{font-size:12px}.demo-shell{min-height:0}.demo-topbar>span:first-child{font-size:12px}.demo-badge{font-size:12px}}
@media(max-width:600px){.brand-image{width:177px;height:62px}.site-header>.button{font-size:12px;padding:12px 14px}.hero-copy>p{font-size:16px}.hero-note{font-size:12px;line-height:1.6}.hero-actions .button,.text-link{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{padding:17px 19px}.art-caption{font-size:12px;letter-spacing:.8px}.art-note{font-size:12px}.platform-line>span{font-size:12px}.platform-names{font-size:12px;gap:12px 20px}.steps{gap:10px}.steps article{padding-left:10px}.steps h2{font-size:14px}.steps p{font-size:12px}.section-heading>p{font-size:16px;max-width:none}.section-heading .eyebrow{font-size:12px;letter-spacing:.8px}.chat-heading h3{font-size:22px}.chat-count{display:none}.chat-heading p{font-size:14px}.demo-topbar{gap:12px}.demo-topbar>span:first-child{font-size:12px;max-width:140px}.demo-badge{font-size:10px;white-space:nowrap}.filter{font-size:12px;padding:8px}.sort-label select{font-size:12px}.message-name{font-size:12px}.message-platform{font-size:10px}.message-time{font-size:10px}.message-text{font-size:14px}.demo-disclaimer{font-size:12px}.demo-footnote{font-size:12px}.closing-cta .eyebrow{font-size:12px}.closing-cta .button{font-size:14px}.closing-cta h2{font-size:30px}footer>span{font-size:12px;max-width:150px;line-height:1.5}.design-trigger{font-size:12px}.stream-destinations>div{font-size:12px}.stream-control p{font-size:14px}.design-card strong{font-size:13px}.design-card small{font-size:12px}.hero{padding-top:26px}}
/* Preserve the illustration’s intended aspect ratio over its intrinsic dimensions. */
.hero-art>img{height:auto}

/* Natural editorial photographs and the loose-lace campaign moment. */
.hero-art>img{mix-blend-mode:normal}
.hero-art:not(.chat-concept) .hero-chat-overlay{display:none}
.hero-chat-overlay{position:absolute;inset:0;pointer-events:none}
.hero-chat{position:absolute;background:#fffafd;border:1px solid #fff;border-radius:9px;padding:13px 16px;box-shadow:0 9px 26px #4923371c;width:184px;color:var(--ink)}
.chat-source{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;white-space:nowrap}

.hero-chat>p{font-size:13px;line-height:1.4;margin-top:8px;white-space:nowrap}
.chat-in-high{top:34%;left:-28px;transform:rotate(-5deg)}
.chat-in-high:after{content:'';position:absolute;right:-8px;top:26px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #fffafd}
.chat-in-low{top:66%;right:-28px;transform:rotate(4deg)}
.chat-in-low:after{content:'';position:absolute;left:-8px;top:26px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:9px solid #fffafd}
.chat-merged{top:1%;left:63%;transform:translateX(-50%) rotate(2deg);width:226px;background:#30212c;color:#fff3f9;border-color:#58404f;padding:14px 16px;box-shadow:0 10px 25px #49233726}
.merged-heading{font-size:12px;font-weight:650;display:block;margin-bottom:10px;letter-spacing:.1px}
.chat-merged>p{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:7px;color:#eddae5}
.chat-merged:after{content:'';position:absolute;width:1px;height:21px;left:47%;bottom:-22px;background:#9e7189}
.footer-brand .brand-image{width:192px;height:57px}
@media(max-width:1000px){.chat-in-high{left:-15px;top:31%}.chat-in-low{right:-20px;top:69%}.hero-chat{width:165px;padding:11px 13px}.hero-chat>p{font-size:12px}.chat-merged{width:213px;top:-5%;left:64%}.chat-concept{padding-top:35px}.chat-merged>p{font-size:12px}.footer-brand .brand-image{width:175px;height:52px}}
@media(max-width:600px){.chat-concept{padding-top:68px;margin-top:32px;aspect-ratio:auto}.chat-merged{top:0;left:60%;width:214px}.chat-in-high{top:40%;left:-7px;transform:rotate(-4deg)}.chat-in-low{top:72%;right:-7px;transform:rotate(3deg)}.hero-chat{padding:10px 12px}.chat-merged{padding:12px 14px}.chat-merged:after{height:25px;bottom:-26px}.chat-source{font-size:12px}.art-signature{font-size:16px}.footer-brand .brand-image{width:175px;height:52px}}
#hero-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.trip-section{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-top:68px;padding-bottom:30px}
.trip-photo{position:relative;min-width:0}
.trip-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.trip-caption{position:absolute;bottom:20px;left:22px;background:#fff9fc;padding:11px 15px;border-radius:5px;box-shadow:0 5px 18px #49233714;transform:rotate(-4deg);font-size:13px;font-weight:600}
.trip-copy .eyebrow{color:#93647a;margin-bottom:18px;font-size:12px;letter-spacing:1.4px}
.trip-copy h2{font-family:var(--display);font-size:clamp(32px,3.25vw,46px);letter-spacing:-2px;line-height:1.15;font-weight:750}
.trip-copy h2 span{color:#be487a}
.trip-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:400px;margin-top:20px}
.trip-signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:17px;margin-top:23px;color:#79556a}
@media(max-width:1000px){.trip-section{gap:34px}.trip-copy h2{font-size:34px;letter-spacing:-1.5px}.trip-copy p{margin-top:16px}.trip-signature{font-size:16px}.trip-caption{bottom:16px;left:16px;font-size:12px}}
@media(max-width:700px){.trip-section{grid-template-columns:1fr;gap:29px;padding-top:42px;padding-bottom:8px}.trip-photo{max-width:520px}.trip-copy h2{font-size:36px;letter-spacing:-1.8px}.trip-copy p{max-width:480px}.trip-signature{margin-top:18px}.trip-copy .eyebrow{margin-bottom:13px}#hero-options{grid-template-columns:1fr}}

/* The live Chatterlace chat (app/?demo=1), embedded where the mock chat was. */
.chat-embed{display:block;width:calc(100% - 52px);height:420px;margin:0 26px 14px;border:1px solid #58404f;border-radius:10px;background:#2a1c26;box-shadow:0 10px 25px #49233726}
@media(max-width:1150px){.chat-embed{width:calc(100% - 44px);margin:0 22px 14px}}
@media(max-width:850px){.chat-embed{width:calc(100% - 36px);margin:0 18px 14px;height:400px}}
@media(max-width:600px){.chat-embed{width:calc(100% - 26px);margin:0 13px 12px;height:380px}}

/* An explicitly illustrative earnings comparison, using one shared scale. */
.earnings-section{background:var(--soft);padding:68px 0 0;scroll-margin-top:24px}
.earnings-frame{background:#2c1d28;border:1px solid #483240;border-radius:18px;padding:43px 42px 27px;color:#fff4fa}
.earnings-heading{display:grid;grid-template-columns:1.12fr 1fr;align-items:end;gap:50px;margin-bottom:35px}
.earnings-heading .eyebrow{font-size:12px;letter-spacing:1.45px;color:#d9abc3;margin-bottom:16px}
.earnings-heading h2{font-family:var(--display);font-size:clamp(32px,3.3vw,46px);font-weight:750;line-height:1.15;letter-spacing:-1.9px}
.earnings-heading h2 span{color:#f3a5c9}
.earnings-intro{max-width:385px;justify-self:end}
.scenario-label{display:inline-block;font-size:12px;font-weight:650;letter-spacing:.9px;color:#f4d2e4;border:1px solid #735369;border-radius:5px;padding:7px 10px;margin-bottom:14px;background:#3b2835}
.earnings-intro p{font-size:16px;line-height:1.65;color:#d6c0ce}
.earnings-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.earning-state{min-width:0;border:1px solid #685063;border-radius:11px;padding:26px 27px 24px}
.earning-before{background:#392934}
.earning-after{color:#3a2030;background:#f7dce9;border-color:#ffe6f2;box-shadow:0 10px 30px #170c1440}
.earning-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.earning-kicker{font-size:12px;font-weight:700;letter-spacing:.8px;line-height:1.5}
.earning-before .earning-kicker{color:#d4b5c7}
.earning-after .earning-kicker{color:#823252}
.setup-label{font-size:12px;color:#c0a7b7;white-space:nowrap}
.earning-after .setup-label{color:#80546d}
.earning-state h3{font-family:var(--display);font-size:23px;font-weight:650;letter-spacing:-.8px;line-height:1.25}
.earning-amount{display:flex;align-items:center;gap:14px;margin-top:26px;margin-bottom:27px;min-height:74px}
.earning-amount>strong{font-family:var(--display);font-size:64px;line-height:1;font-weight:750;letter-spacing:-3px;font-variant-numeric:tabular-nums}
.earning-before .earning-amount>strong{color:#dfcbd7}
.earning-amount>span:not(.earning-lift){font-size:12px;line-height:1.6;color:#c0a6b6}
.earning-after .earning-amount>span:not(.earning-lift){color:#7e5b70}
.earning-lift{margin-left:auto;font-family:var(--display);font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.7px;color:#9c295e;text-align:right;transform:rotate(-5deg)}
.earning-lift small{display:block;font-family:var(--sans);font-weight:500;letter-spacing:0;font-size:12px;line-height:1.4;margin-top:5px;color:#81536b}
.earning-bar{display:flex;gap:0;height:13px;width:100%;overflow:hidden;border-radius:4px;background:#594353;margin-bottom:20px}
.earning-bar>span{width:var(--share);height:100%;flex-shrink:0}
.after-bar{background:#e7bcd1}
.revenue-cb{background:#f6d1a8}.revenue-cs{background:#e6cdf0}.revenue-sc{background:#f2c0d1}

.revenue-breakdown{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.4}
.revenue-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:16px}
.revenue-breakdown span{display:inline-flex;gap:8px;align-items:center}
.revenue-breakdown strong{font-weight:550;font-variant-numeric:tabular-nums}
.earning-before .revenue-breakdown{color:#e2cdd9}

.earning-workflow{display:flex;align-items:center;gap:17px;margin-top:24px;padding-top:22px;border-top:1px solid #624657}
.earning-after .earning-workflow{border-color:#d9adc3}
.earning-workflow p{font-size:13px;line-height:1.6;color:#cdb0c2}
.earning-after .earning-workflow p{color:#725267}
.scattered-rooms,.unified-rooms{display:flex;align-items:center;flex-shrink:0}

.scattered-rooms{gap:5px}.scattered-rooms span{transform:rotate(-9deg)}
.scattered-rooms span:nth-child(2){transform:translateY(-5px) rotate(6deg)}.scattered-rooms span:nth-child(3){transform:rotate(-4deg)}
.unified-rooms{gap:3px;padding:5px;border:1px solid #c590ab;border-radius:6px;background:#edc6d9}

.earnings-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-top:22px}
.earnings-disclaimer{font-size:12px;line-height:1.65;color:#cdb3c3;max-width:640px}
.earnings-demo-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;line-height:1.5;color:#f5cee3;white-space:nowrap;margin-top:1px}
.earnings-demo-link:hover{text-decoration:underline;text-underline-offset:4px}
.earnings-demo-link>span{font-size:19px}
@media(max-width:1150px){.earnings-frame{padding:33px 29px 24px}.earnings-heading{gap:30px}.earning-state{padding:24px 22px}.earning-card-top{align-items:flex-start;flex-direction:column;gap:5px}.earning-amount>strong{font-size:57px}.earning-lift{font-size:22px}.earning-amount{gap:10px}.earnings-bottom{flex-direction:column;gap:14px}.earnings-disclaimer{max-width:none}.earning-workflow{gap:12px}.scattered-rooms{gap:3px}}
@media(max-width:850px){.earnings-heading{grid-template-columns:1fr;gap:23px}.earnings-intro{max-width:600px;justify-self:start}.earnings-heading h2{font-size:38px}.earnings-intro p{font-size:16px}.scenario-label{margin-bottom:10px}.earnings-comparison{gap:14px}.earning-state{padding:22px 17px}.earning-state h3{font-size:21px}.earning-amount{align-items:flex-start;flex-wrap:wrap;gap:12px;min-height:105px}.earning-amount>strong{font-size:52px}.earning-amount>span:not(.earning-lift){padding-top:6px}.earning-lift{margin-left:0;width:100%;font-size:19px;transform:none;text-align:left;display:flex;align-items:center;gap:6px}.earning-lift small{display:inline;margin:0}.earning-workflow{flex-direction:column;align-items:flex-start;gap:15px}.earning-workflow p{font-size:14px}.earning-before .earning-amount{padding-bottom:30px}}
@media(max-width:600px){.earnings-section{padding-top:36px}.earnings-frame{width:calc(100% - 24px);padding:26px 16px 23px;border-radius:13px}.earnings-heading{gap:20px;margin-bottom:24px;padding:0 4px}.earnings-heading h2{font-size:33px;letter-spacing:-1.4px}.earnings-heading .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:13px}.earnings-intro p{font-size:16px;line-height:1.6}.earnings-comparison{grid-template-columns:1fr;gap:15px}.earning-state{padding:23px 21px}.earning-card-top{flex-direction:row;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:17px}.setup-label{font-size:12px}.earning-kicker{font-size:12px;letter-spacing:.3px}.earning-state h3{font-size:23px}.earning-amount{align-items:center;flex-wrap:nowrap;margin-top:24px;margin-bottom:24px;min-height:64px;gap:11px}.earning-amount>strong{font-size:57px;letter-spacing:-2.5px}.earning-amount>span:not(.earning-lift){padding:0}.earning-lift{width:auto;display:block;transform:rotate(-5deg);text-align:right;font-size:22px;margin-left:auto}.earning-lift small{display:block;margin-top:3px;font-size:12px}.earning-before .earning-amount{padding-bottom:0}.earning-workflow{flex-direction:row;align-items:center;gap:13px}.earning-workflow p{font-size:13px}.earnings-bottom{padding:0 4px;gap:17px}.earnings-demo-link{font-size:13px;white-space:normal}.earnings-disclaimer{font-size:12px}.earning-bar{height:12px}}
@media(max-width:380px){.earning-state{padding:21px 16px}.earning-amount{flex-wrap:wrap}.earning-lift{width:100%;display:flex;align-items:center;gap:8px;text-align:left;transform:none;margin-left:0}.earning-lift small{margin:0}.earning-workflow{align-items:flex-start;flex-direction:column;gap:12px}.earnings-heading h2{font-size:30px}}

/* Current platform lineup: Chaturbate, CamSoda and Stripchat. */
.platform-symbol.cs{background:#e6cdf0;color:#7a3f93}

@media(max-width:600px){.earning-after .earning-amount{flex-wrap:wrap}.earning-lift{width:100%;display:flex;align-items:center;gap:8px;text-align:left;transform:none;margin-left:0}.earning-lift small{margin:0}}