/* StreamLive public landing. Isolated from dashboard and legacy public styles. */
:root{--paper:#f6f7f8;--ink:#1a1b1d;--muted:#6a6b6d;--line:#dddfe1;--blue:#9faaba;--green:#444d5a;--dark:#161719;--display:Manrope,Inter,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #4d5868;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}svg{display:block}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.shell{max-width:1240px;padding:0 40px;margin:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:300;background:var(--blue);padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 23px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:13px;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#383a3d;box-shadow:0 6px 18px #1a1b1d15}.button-blue{background:var(--blue);border-color:#8e9aad}.button-blue:hover{background:#8d9aad;box-shadow:0 6px 18px #65738720}.button-outline{background:#fff9;border-color:#d3d5d8}.button-outline:hover{background:white}.button-small{min-height:40px;padding:10px 15px;font-size:12px}.button-small .icon{width:16px;height:16px}.status-dot{width:6px;height:6px;background:#626e7f;display:inline-block;border-radius:50%;flex-shrink:0}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #dddfe180;background:#f6f7f8ee;backdrop-filter:blur(16px)}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-size:26px;letter-spacing:-1.2px;font-weight:800;line-height:1}.brand-dot{font-size:10px;align-self:flex-start;margin:3px 0 0 -4px;letter-spacing:0}.brand-symbol{display:flex;gap:3px;align-items:center;transform:skew(-12deg);height:27px}.brand-symbol i{width:5px;border-radius:2px;background:currentColor;height:15px}.brand-symbol i:nth-child(2){height:26px}.brand-symbol i:nth-child(3){height:21px}.brand-symbol i:nth-child(4){height:12px}.nav-links{display:flex;gap:28px;margin-left:34px}.nav-links a,.login-link{font-size:12px;font-weight:500}.nav-links a{color:#555759}.nav-links a:hover,.login-link:hover{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:25px}.menu-toggle,.mobile-login{display:none}
.hero{position:relative;padding:65px 0 0;isolation:isolate}.hero-grid-bg{position:absolute;z-index:-1;inset:0 0 190px;background-image:radial-gradient(#a7aaaf55 .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,#0008,transparent 27%,transparent 73%,#0008)}.hero-inner{text-align:center}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #d8dade;border-radius:40px;font-size:10px;background:#eceef0;font-weight:500}.eyebrow-pill .icon{height:13px;width:13px;margin-left:5px}.hero h1{font-size:clamp(46px,5.5vw,76px);font-weight:600;line-height:1.1;letter-spacing:-4.4px;margin:23px auto 25px}.highlight{position:relative;white-space:nowrap}.highlight>svg{position:absolute;bottom:-6px;width:100%;height:12px;stroke:#8492a6;stroke-width:5;fill:none;z-index:-1;stroke-linecap:round}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:650px;margin:auto}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.hero-reassurance{display:flex;justify-content:center;gap:23px;margin-top:20px;font-size:10px;color:var(--muted)}.hero-reassurance>span{display:flex;align-items:center;gap:6px}.hero-reassurance .icon{width:13px;height:13px;color:var(--green)}
.workspace-wrap{margin:49px auto 0;scroll-margin-top:100px;text-align:left;position:relative}.workspace-wrap:before{content:"";position:absolute;inset:65px 2% 35px;z-index:-1;background:#828d9d3b;filter:blur(42px)}.workspace-top-label{display:flex;align-items:center;justify-content:space-between;margin:0 5px 12px;font-size:9px;letter-spacing:1.3px;color:#606266}.workspace-top-label>span:first-child{display:flex;align-items:center;gap:8px}.workspace-top-label>span:last-child{font-size:9px;letter-spacing:.1px}.workspace{display:grid;grid-template-columns:204px minmax(0,1fr);background:#171819;border:1px solid #393a3c;border-radius:12px;color:#ebeced;box-shadow:0 26px 65px #21252a21,0 0 0 6px #ebeced;overflow:hidden}.workspace-sidebar{display:flex;flex-direction:column;background:#131415;border-right:1px solid #2b2c2e;padding:22px 14px 18px}.workspace-brand{display:flex;align-items:center;gap:9px;font:800 20px var(--display);letter-spacing:-.6px;padding:0 8px}.workspace-brand .brand-symbol{color:var(--blue);transform:scale(.75) skew(-12deg);margin-left:-3px;width:23px}.workspace-switch{display:flex;align-items:center;gap:8px;padding:10px 8px;margin-top:25px;border:1px solid #313335;border-radius:7px;font-size:10px}.avatar{width:28px;height:28px;background:#454239;color:#e6d7be;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:600;flex-shrink:0}.avatar-blue{background:#2f3236;color:var(--blue);border-radius:5px}.workspace-switch small{display:block;font-size:8px;color:#909294;line-height:1.5}.switch-dots{margin-left:auto;color:#909294}.side-label{margin:23px 8px 9px;font-size:8px;letter-spacing:1.4px;color:#818385}.preview-tabs{display:flex;flex-direction:column;gap:4px}.preview-tabs button{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid transparent;background:none;color:#a3a5a7;font-size:10px;text-align:left;border-radius:5px;white-space:nowrap}.preview-tabs button:hover{background:#252729;color:#edeff2}.preview-tabs button.active{color:#c5cbd5;background:#26292d;border-color:#363a40}.preview-tabs .icon{width:16px;height:16px}.side-live-dot{background:var(--blue);width:4px;height:4px;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:40px 8px 0;display:flex;align-items:center;gap:9px;font-size:9px;color:#bdbec0}.sidebar-bottom>.icon{width:16px;color:#868a90}.sidebar-bottom small{display:block;color:#7e8083;font-size:8px}.sidebar-bottom .status-dot{margin-left:auto;background:var(--blue);width:4px;height:4px}
.workspace-content{min-width:0}.workspace-toolbar{min-height:53px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2e30;font-size:9px;color:#8f9092}.workspace-toolbar b{color:#cbcdcf;font-weight:400}.toolbar-divider{margin:0 10px;color:#55575a}.toolbar-right{display:flex;align-items:center;gap:19px}.cloud-status:before{content:"";display:inline-block;width:4px;height:4px;background:#a4aebd;border-radius:50%;margin-right:6px}.toolbar-right .avatar{width:23px;height:23px;font-size:8px}.preview-panel{padding:24px;min-height:413px;outline-offset:-5px!important}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.preview-kicker{color:#909499;font-size:7px;letter-spacing:1.7px}.preview-heading h2{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.6px;margin:3px 0}.preview-heading p{font-size:9px;color:#989a9c}.demo-action{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#23272d;border-radius:5px;padding:8px 12px;font-size:9px;font-weight:600;white-space:nowrap}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:21px}.demo-stats>div{border:1px solid #323335;border-radius:7px;padding:13px 14px;background:linear-gradient(115deg,#24252780,transparent)}.demo-stats>div>span{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a1a4a8}.demo-stats .icon{width:13px;height:13px;color:#82868c}.demo-stats b{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:500;line-height:1.3;margin-top:8px}.demo-stats small{font-size:8px;font-weight:400;color:#898c90}.demo-stats small.positive{color:#a2acbb;background:#2a2d32;padding:2px 5px;border-radius:4px}.demo-section-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:10px}.demo-section-title>b{font-weight:500}.demo-section-title>b span{margin-left:6px;border:1px solid #35373b;padding:1px 5px;border-radius:4px;color:#b3b5b9;font-size:8px}.demo-section-title>span{color:#85898e;font-size:8px}.stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.stream-card{border:1px solid #313336;border-radius:7px;overflow:hidden;background:#1e1f21}.landscape{position:relative;isolation:isolate;overflow:hidden;height:120px;background:linear-gradient(150deg,#a3a7ae,#52555a 60%,#30343b)}.landscape:before,.landscape:after{content:"";position:absolute;inset:26% -15% -20%;z-index:-1;background:#34383d;clip-path:polygon(0 80%,25% 12%,45% 54%,65% 28%,85% 55%,100% 20%,100% 100%,0 100%)}.landscape:after{inset:45% -15% -25%;background:#242930;transform:scaleX(-1)}.landscape-dusk{background:linear-gradient(150deg,#b77971,#71535c 65%,#503b50)}.landscape-dusk:before{background:#624653}.landscape-dusk:after{background:#3e3349}.landscape-ocean{background:linear-gradient(170deg,#b1b5ba,#668f96 55%,#2f5b6c)}.landscape-ocean:before{background:#517f80;clip-path:polygon(0 60%,30% 35%,70% 50%,100% 30%,100% 100%,0 100%)}.landscape-ocean:after{background:#275660;clip-path:polygon(0 55%,30% 25%,60% 55%,100% 20%,100% 100%,0 100%)}.landscape-sun{position:absolute;z-index:-1;right:24%;top:16%;width:28px;height:28px;border-radius:50%;background:#c7cdd688;box-shadow:0 0 28px #c4c9d038}.landscape-dusk .landscape-sun{background:#e8b29b}.live-badge{position:absolute;top:9px;left:9px;background:#1c2523b0;border:1px solid #dce0e547;border-radius:3px;font-size:6px;letter-spacing:1px;padding:2px 5px;color:#eaecf0}.landscape-caption{position:absolute;left:13px;bottom:31px;font:500 21px/1.3 Georgia,serif;font-style:italic;letter-spacing:-.5px;text-shadow:0 1px 8px #0005}.landscape-caption small{display:block;font:5px/2 Inter,sans-serif;letter-spacing:1.3px;margin-top:3px}.duration{position:absolute;bottom:7px;right:8px;font-size:7px;padding:1px 4px;background:#1a1d21b0;border-radius:3px}.stream-info{display:flex;align-items:center;gap:7px;padding:10px 9px}.channel-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;font:600 10px var(--display)}.forest-avatar{background:#42454a;color:#d0d4da}.dusk-avatar{background:#694e59;color:#f1dbd6}.ocean-avatar{background:#3a5963;color:#d1e7ed}.stream-info b{display:block;font-size:8px;font-weight:500}.stream-info small{display:block;font-size:6px;color:#979a9f;margin-top:2px}.signal{color:#9ea8b8;margin-left:auto;font-size:11px;letter-spacing:1px}.demo-schedule{display:flex;gap:10px;align-items:center;border:1px solid #303234;border-radius:6px;margin-top:14px;padding:10px 12px}.schedule-icon{color:#aab1bc;background:#292b2f;border-radius:4px;padding:5px}.schedule-icon .icon{height:15px;width:15px}.demo-schedule b{display:block;font-size:8px;font-weight:500}.demo-schedule div>span{display:block;color:#84878c;font-size:7px;margin-top:3px}.schedule-status{color:#afb5bd;font-size:7px;margin-left:auto}.schedule-status>span{margin-left:14px}.workspace-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2c2e31;padding:10px 24px;color:#93969a;font-size:7px}.workspace-status>span:first-child{display:flex;align-items:center;gap:6px}.workspace-status .status-dot{width:4px;height:4px;background:var(--blue)}.workspace-status>span:last-child{letter-spacing:1.2px}.preview-hint{text-align:center;margin:18px 0 0;color:#74767a;font-size:10px}.preview-hint>span{font-size:15px;margin-right:5px}
.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:43px;padding-bottom:43px;border-bottom:1px solid var(--line);margin-top:6px}.platform-strip>span{font-size:8px;letter-spacing:1.3px;max-width:140px;line-height:1.8;color:#7e8082}.platform-strip>div{display:flex;align-items:center;gap:9px;font:600 14px var(--display);letter-spacing:-.2px;color:#696b6d;white-space:nowrap}.platform-strip .icon{width:22px;height:22px}.section{padding:100px 0}.section-heading{margin-bottom:43px}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;color:#58606c;margin-bottom:15px}.section-heading h2{font-size:40px;font-weight:500;letter-spacing:-1.8px;line-height:1.2}.section-heading p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:20px}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.split-heading p{margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.feature-card{position:relative;border:1px solid #dcdee1;border-radius:13px;background:#eeeff0;overflow:hidden;padding:30px}.feature-wide{grid-column:span 3;display:flex;flex-direction:column;min-height:470px}.feature-copy{position:relative;z-index:1}.feature-icon{display:inline-flex;align-items:center;justify-content:center;height:35px;width:35px;border:1px solid #cfd2d7;background:#e2e4e7;border-radius:8px;margin-bottom:21px}.feature-icon .icon{width:19px;height:19px}.feature-number{position:absolute;top:9px;right:0;color:#84868a;font-size:8px;letter-spacing:1.3px}.small-feature .feature-number{top:40px;right:30px}.feature-card h3{font-size:23px;font-weight:600;letter-spacing:-.7px;margin-bottom:9px}.feature-card p{font-size:12px;color:#6e7074;line-height:1.9;max-width:395px}.feature-card a{display:inline-flex;align-items:center;gap:16px;font-size:10px;font-weight:600;margin-top:20px}.feature-card a .icon{width:14px;height:14px;transition:transform .2s}.feature-card a:hover .icon{transform:translateX(4px)}.automation-visual{border:1px solid #d3d5d9;background:#fafbfc;border-radius:9px;box-shadow:0 12px 20px #2a303808;padding:16px 18px 12px;margin:26px 6px -65px;transform:rotate(-2deg)}.mini-heading{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.mini-heading>span:last-child{margin-left:auto;color:#878a8f}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:16px 0;font-size:9px;text-align:center}.week span{font-size:7px;color:#8c8e92}.week b{padding:5px 0;font-weight:500}.week b.selected{background:var(--blue);border-radius:5px}.schedule-line{display:flex;align-items:center;gap:12px;font-size:8px;margin:7px 0}.schedule-line>span{color:#8a8c90}.schedule-line>div{flex:1;padding:8px;background:#eceef0;border:1px solid #dcdee2;border-radius:4px;display:flex;align-items:center;gap:7px}.schedule-line i{width:3px;height:10px;background:#8692a4;border-radius:3px}.schedule-line small{margin-left:auto;font-size:6px;color:#777b81}.mini-footer{border-top:1px solid #e3e5e7;margin-top:13px;padding-top:11px;display:flex;align-items:center;gap:7px;color:#71757a;font-size:8px}.mini-footer .icon{width:13px;height:13px}.forge-card{background:#eeeff4;border-color:#dfe0e6}.forge-card .feature-icon{background:#e1e4ef;border-color:#d5d8e6;color:#565877}.forge-card .feature-number{color:#878797}.forge-card p{color:#737484}.forge-visual{display:flex;align-items:center;justify-content:center;gap:0;margin-top:39px;padding:0 10px}.asset-stack{width:42%;background:#fff9;border:1px solid #dbdce7;border-radius:8px;padding:10px;transform:rotate(-4deg)}.asset-stack>span{display:block;font-size:7px;letter-spacing:1.3px;margin-bottom:8px;color:#858497}.asset-stack .landscape{height:82px;border-radius:4px}.asset-music{font-size:7px;display:flex;gap:5px;margin-top:8px;align-items:center;color:#7b768e;background:#e9e7f1;padding:8px 5px;border-radius:4px}.asset-music .icon{width:13px;height:13px}.forge-connector{display:flex;align-items:center;width:20%}.forge-connector>span{height:1px;background:#c3c3d2;flex:1}.forge-connector>div{padding:9px;background:#fff;border:1px solid #d7d6e4;border-radius:9px;color:#84839d}.forge-output{width:34%;background:#fafaff;border:1px solid #d4d5e4;border-radius:10px;padding:17px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:0 12px 30px #5d608d10;transform:rotate(3deg)}.forge-output>.icon{width:26px;height:26px;background:#eaeaf4;color:#8a86a2;border-radius:6px;padding:4px;box-sizing:content-box}.forge-output b{font-size:11px;font-weight:600}.forge-output small{font-size:8px;color:#8d8ca0}.forge-output>span{font-size:7px;color:#5e6570;background:#ebedef;border-radius:4px;padding:4px 7px;margin-top:7px}
.small-feature{grid-column:span 2;background:#f5f5ef;display:flex;flex-direction:column;padding:28px;min-height:375px}.small-feature h3{font-size:20px}.small-feature p{font-size:11px}.small-feature a{margin-top:auto;padding-top:24px}.small-feature .feature-number{right:27px}.music-card{background:#f4f1eb;border-color:#e7e1d8}.music-card .feature-icon{background:#ece5d9;border-color:#e3d9c8;color:#8c7652}.music-visual{display:flex;align-items:center;gap:12px;margin:27px 0 8px}.album-art{position:relative;display:block;flex-shrink:0;width:72px;height:83px;background:linear-gradient(130deg,#cf9d65,#aa5c3d);color:#fbebc9;font:80px/1 Georgia,serif;overflow:hidden;border-radius:5px;padding-left:4px}.album-art>span{position:absolute;right:6px;bottom:7px;font:7px/1.2 Inter,sans-serif;letter-spacing:.2px}.music-visual b{font-size:9px;font-weight:500}.music-subtitle{display:block;color:#8e8373;font-size:8px;margin-top:4px}.waveform{display:flex;align-items:center;gap:3px;height:30px;margin-top:8px}.waveform i{display:block;width:3px;height:10px;border-radius:3px;background:#a3a8af}.waveform i:nth-child(3n){height:25px}.waveform i:nth-child(4n){height:17px}.waveform i:nth-child(5n){height:7px}.channels-card .feature-icon{color:#61656a}.channels-visual{margin:23px 0 8px;display:flex;flex-direction:column;gap:8px}.channels-visual>div{display:flex;align-items:center;gap:8px;padding:9px 8px;background:#fff8;border:1px solid #dfe0e2;border-radius:6px}.channels-visual b{font-size:8px;font-weight:500}.channels-visual .channel-avatar{width:24px;height:24px}.connected{font-size:6px;color:#5e656f;border:1px solid #d7dade;background:#eceef0;padding:3px 4px;border-radius:4px;margin-left:auto}.account-card{background:#edf2f2;border-color:#dde5e5}.account-card .feature-icon{color:#547578;background:#e1ebeb;border-color:#d5e1e1}.account-visual{margin:26px 0 8px;padding:12px 10px;border:1px solid #dfe0e1;border-radius:8px;background:#fcfcfc99}.account-demo-user{display:flex;align-items:center;gap:9px}.account-demo-user .avatar{background:#d1dddd;color:#557675}.account-demo-user b{display:block;font-size:8px;font-weight:500}.account-demo-user small{font-size:7px;color:#909295}.account-demo-user>.icon{margin-left:auto;color:#7d8186;width:18px;height:18px}.account-tags{display:flex;gap:5px;margin-top:12px}.account-tags>span{font-size:6px;border:1px solid #e0e1e2;padding:4px 6px;border-radius:4px;color:#7c7e81}
.workflow-section{background:#1b1c1e;color:#edeef0;padding:83px 0 28px;position:relative;overflow:hidden}.workflow-section .eyebrow{color:#a1a9b5}.workflow-section h2{font-size:38px}.workflow-section .section-heading p{color:#a4a6aa}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:53px}.step-number{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #43464b;padding-top:23px;font-size:12px;color:#8f96a0}.step-number .icon{width:22px;height:22px;color:#b6beca}.workflow-steps h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:21px 0 10px}.workflow-steps p{color:#a5a7aa;font-size:11px;line-height:1.9;max-width:295px}.workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:50px;border-top:1px solid #35373b;padding-top:25px;font-size:9px;color:#a6aaaf}.workflow-bottom>span{display:flex;gap:8px;align-items:center}.workflow-bottom .status-dot{background:var(--blue);height:5px;width:5px}.workflow-bottom>a{display:flex;align-items:center;gap:16px;color:#c6ccd6;font-weight:500}.workflow-bottom .icon{width:15px;height:15px}
.centered{text-align:center}.pricing-section{padding-bottom:85px}.price-tabs{display:flex;justify-content:center;gap:5px;padding:5px;background:#eaebec;border:1px solid #dddee0;border-radius:8px;width:max-content;margin:-8px auto 33px}.price-tab{padding:9px 26px;font-size:11px;color:#6e7277;background:transparent;border:0;border-radius:5px}.price-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #20252d10}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:17px;max-width:1020px;margin:auto}.price-grid.business-view{max-width:900px}.pcard{position:relative;display:flex;flex-direction:column;border:1px solid #dbdde0;background:#fafbfc;border-radius:10px;padding:28px 25px;min-width:0}.pcard.popular{border-color:#6d7b91;box-shadow:0 0 0 1px #939dad;background:#eff1f4}.pop-tag{align-self:flex-start;font-size:8px;text-transform:uppercase;letter-spacing:.8px;padding:4px 9px;border-radius:4px;color:#3a424d;background:#cfd5dd;position:absolute;top:-12px;right:20px;font-weight:600}.plan-name{font:600 20px var(--display);letter-spacing:-.5px}.plan-desc{color:#7a7c80;font-size:10px;line-height:1.8;margin-top:8px;min-height:36px}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px;margin-top:25px}.price .now{font:600 31px/1.3 var(--display);letter-spacing:-1.5px}.price .per{color:#8e9093;font-size:9px}.price .old{font-size:10px;text-decoration:line-through;color:#909397;flex-basis:100%}.save{height:23px;font-size:9px;color:#525c6a;margin-top:5px}.feat-list{padding:21px 0 0;margin:0 0 25px;border-top:1px solid #dbdde1;list-style:none;flex:1}.feat-list li{display:flex;gap:9px;font-size:10px;line-height:1.6;color:#6e7176;margin:11px 0}.ck{color:#515d6e}.feat-list .hl{color:#373b40}.order-btn{display:block;padding:11px 14px;border:1px solid #d1d4d8;border-radius:6px;text-align:center;font-size:11px;font-weight:600;background:#fff}.order-btn:hover{background:#e2e4e8}.popular .order-btn{background:var(--blue);border-color:#9ba6b7}.pcard .pld-open{color:#555d68!important;font-size:10px!important}.price-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:#86898e;margin-top:25px;text-align:center}.price-note .icon{width:13px;height:13px}.pricing-help{margin-top:25px;text-align:center;color:#76797d;font-size:10px}.pricing-help a{display:inline-flex;gap:8px;align-items:center;color:#393d44;margin-left:8px;text-decoration:underline;text-underline-offset:4px}.pricing-help .icon{width:13px;height:13px}.price-loading,.price-empty{grid-column:1/-1;text-align:center;padding:45px;border:1px dashed #c7cacf;border-radius:10px;color:#63686f;font-size:13px;min-height:180px}.price-empty .order-btn{margin:20px auto 0;max-width:200px}
.faq-section{padding-top:60px;border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-section h2{font-size:35px}.faq-section .section-heading p{font-size:12px}.text-link{display:inline-flex;align-items:center;gap:15px;font-weight:600;font-size:11px;margin-top:25px}.text-link .icon{width:14px;height:14px}.faq-list details{border-bottom:1px solid #dbdde0}.faq-list details:first-child{border-top:1px solid #dbdde0}.faq-list summary{font-size:12px;font-weight:500;padding:20px 30px 20px 0;list-style:none;cursor:pointer;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:1px;top:16px;font-size:20px;font-weight:400;color:#757980}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;color:#797c80;line-height:1.9;padding:0 23px 20px 0}.final-cta{background:#cbd1da;border-top:1px solid #bbc2cc;border-bottom:1px solid #bbc2cc;overflow:hidden}.cta-inner{padding-top:65px;padding-bottom:60px;text-align:center;position:relative;isolation:isolate}.cta-inner .eyebrow{color:#5f6671}.cta-inner h2{font-size:48px;font-weight:500;letter-spacing:-2.4px;line-height:1.2}.cta-inner p{font-size:12px;color:#686e77;margin:19px 0 26px}.cta-inner .button{font-size:12px}.cta-footnote{display:block;font-size:8px;color:#707781;letter-spacing:1.3px;margin-top:20px}.cta-orbit{position:absolute;width:680px;height:680px;border:1px solid #a8b1be80;border-radius:50%;top:15px;z-index:-1;pointer-events:none}.orbit-one{left:-470px}.orbit-two{right:-470px}.site-footer{padding:55px 0 23px}.footer-top{display:grid;grid-template-columns:1.75fr 1fr 1fr 1fr;gap:40px}.footer-brand .brand{font-size:24px}.footer-brand p{font-size:10px;line-height:1.9;color:#808387;margin-top:21px}.footer-cloud{display:flex;align-items:center;gap:7px;font-size:8px;color:#737880;margin-top:19px}.footer-cloud .status-dot{width:4px;height:4px}.footer-column h3{font:600 10px Inter,sans-serif;margin:4px 0 18px}.footer-column a{display:block;font-size:10px;color:#7c7e82;margin:9px 0}.footer-column a:hover,.footer-bottom a:hover{color:#30363e}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #dcdee1;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#888a8e}.footer-bottom>div{display:flex;gap:22px}
.highlight{display:inline-block}.highlight>svg{left:0}
.price{min-height:60px;align-content:flex-end}
/* Marketing copy stays readable; the compact UI above is an illustrative preview. */
.section-heading p{font-size:14px}.feature-card p{font-size:14px;color:#5f6267}.feature-card a{font-size:12px}.feature-wide{min-height:485px}.small-feature p{font-size:13px}.small-feature{min-height:395px}.workflow-steps p{font-size:13px}.workflow-bottom{font-size:11px}.plan-desc{font-size:12px;color:#616469;min-height:44px}.feat-list li{font-size:12px;color:#5b5f65}.order-btn{font-size:12px}.price-note{font-size:11px;color:#64686d}.pricing-help{font-size:12px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px;color:#64686d}.footer-column a,.footer-brand p{font-size:12px;color:#686b70}.footer-column h3{font-size:12px}.footer-bottom{font-size:10px;color:#696d72}.cta-inner p{font-size:14px}
@media(max-width:640px){.preview-tabs::-webkit-scrollbar{display:none}}
/* The shared checkout gate inherits this theme only on the premium landing. */
#pricingAuthGate {
  padding: 24px;
  background: rgba(23, 32, 26, .38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#pricingAuthGate .pag-dialog {
  width: min(480px, 100%);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 32px;
  border: 1px solid #dddfe1;
  border-radius: 18px;
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 32px 90px #1a1b1d29, 0 8px 24px #1a1b1d12;
  font-family: Inter, system-ui, sans-serif;
}
#pricingAuthGate.open .pag-dialog {
  animation: landing-dialog-enter .18s ease-out;
}
#pricingAuthGate .pag-head { align-items: center; gap: 16px; }
#pricingAuthGate .pag-head h3 {
  font-family: var(--display);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.9px;
}
#pricingAuthGate .pag-close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #d9dbde;
  border-radius: 8px;
  background: #eaecee;
  color: #64686d;
  font-size: 20px;
  line-height: 1;
  transition: background .15s, color .15s;
}
#pricingAuthGate .pag-close:hover { background: #dbdee2; color: var(--ink); }
#pricingAuthGate .pag-plan {
  margin: 26px 0 18px;
  padding: 17px 18px;
  border: 1px solid #d3d6db;
  border-left: 3px solid #8b97aa;
  border-radius: 9px;
  background: #eaecee;
}
#pricingAuthGate .pag-plan span {
  color: #60666f;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .5px;
}
#pricingAuthGate .pag-plan b {
  margin-top: 6px;
  color: var(--ink);
  font-family: var(--display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -.3px;
  overflow-wrap: anywhere;
}
#pricingAuthGate .pag-copy {
  margin-bottom: 24px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
}
#pricingAuthGate .pag-actions { gap: 10px; }
#pricingAuthGate .pag-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 18px;
  border: 1px solid #d2d4d8;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
#pricingAuthGate .pag-login {
  background: var(--blue);
  border-color: #8e9aad;
  color: var(--ink);
}
#pricingAuthGate .pag-login:hover {
  background: #8d9aad;
  border-color: #808ea3;
  box-shadow: 0 4px 14px #65738720;
}
#pricingAuthGate .pag-register { background: #fff; color: var(--ink); }
#pricingAuthGate .pag-register:hover { background: #e9ebee; border-color: #c2c5ca; }
#pricingAuthGate .pag-back {
  margin-top: 16px;
  padding: 8px;
  color: #6e7176;
  font-size: 11px;
  line-height: 1.6;
}
#pricingAuthGate .pag-back:hover { color: #343a43; text-decoration: underline; text-underline-offset: 4px; }
#pricingAuthGate :is(button, a):focus-visible {
  outline: 2px solid #4d5868;
  outline-offset: 3px;
}
@keyframes landing-dialog-enter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
  #pricingAuthGate { align-items: center; padding: 16px; }
  #pricingAuthGate .pag-dialog {
    max-height: calc(100dvh - 32px);
    padding: 25px 22px;
    border-radius: 16px;
  }
  #pricingAuthGate .pag-head { gap: 12px; }
  #pricingAuthGate .pag-head h3 { font-size: 23px; letter-spacing: -.7px; }
  #pricingAuthGate .pag-close { width: 34px; height: 34px; }
  #pricingAuthGate .pag-plan { margin-top: 23px; padding: 14px; }
  #pricingAuthGate .pag-plan b { font-size: 15px; }
  #pricingAuthGate .pag-copy { font-size: 12px; }
}
/* Four plans share one desktop row; smaller catalogs retain their existing width. */
@media (min-width: 1024px) {
  .price-grid:has(.pcard:nth-child(4)) {
    max-width: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
  .price-grid:has(.pcard:nth-child(4)) .pcard {
    padding: 26px 20px;
  }
  .price-grid:has(.pcard:nth-child(4)) .price .now {
    font-size: clamp(26px, 2.2vw, 31px);
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .price-grid:has(.pcard:nth-child(4)) {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Alternate interactive workspace views */
.demo-production{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;margin-top:22px}.demo-recipe,.demo-jobs,.demo-player,.demo-playlist,.demo-profile,.demo-security{border:1px solid #34363a;background:#1e2022;border-radius:8px;padding:18px}.demo-card-label{display:block;font-size:8px;letter-spacing:1.2px;color:#969ba2;margin-bottom:15px}.recipe-node{display:flex;align-items:center;gap:10px;padding:12px;border-radius:5px;background:#292b2d;border:1px solid #393c40;font-size:9px}.recipe-node>.icon{width:16px;color:#acb4c1}.recipe-connection{text-align:center;color:#70747b;line-height:1.8}.demo-job{padding:12px 0;border-bottom:1px solid #33363a;font-size:9px}.demo-job:last-child{border:0}.demo-job>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-job small{color:#939ba7;font-size:8px}.progress-bar{height:5px;background:#33363a;border-radius:4px;margin-top:11px;overflow:hidden}.progress-bar>i{display:block;background:#a5afbe;height:100%;border-radius:4px}.demo-music-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.demo-player{text-align:center;background:linear-gradient(135deg,#37393c,#1e2022)}.demo-player .album-art{margin:auto;width:115px;height:125px;font-size:125px}.demo-player .album-art>span{font-size:12px;bottom:12px;right:12px}.demo-player h3{font-size:13px;margin:12px 0 2px;font-weight:500}.demo-player>p{font-size:8px;color:#9b9fa6}.demo-player .waveform{justify-content:center;margin-top:15px}.demo-playlist .demo-job{padding:16px 0}.demo-playlist .demo-job span{color:#b3b7be}.demo-table{border:1px solid #34363a;border-radius:8px;overflow:hidden;margin-top:22px}.demo-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid #303236;font-size:9px}.demo-table-row:last-child{border:0}.demo-table-row>span:first-child{display:flex;align-items:center;gap:10px}.demo-table-head{background:#232528;color:#a1a5aa;font-size:8px;padding-top:10px;padding-bottom:10px}.demo-table-row .connected{justify-self:start;margin:0;background:#2c2f34;color:#b1b9c5;border-color:#41474f;font-size:7px}.demo-account-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:15px;margin-top:22px}.demo-profile>.avatar{width:47px;height:47px;font-size:15px}.demo-profile h3{margin:13px 0 3px;font-size:14px}.demo-profile>p{font-size:9px;color:#9b9fa6}.profile-field{display:flex;justify-content:space-between;gap:10px;margin-top:15px;border-top:1px solid #34373c;padding-top:12px;font-size:8px;color:#a2a5aa}.profile-field b{font-weight:400;color:#cbcfd4}.demo-security .demo-job{padding:16px 0}
@media(min-width:1450px){.hero{padding-top:78px}.hero h1{font-size:80px}.workspace-wrap{margin-top:58px}}
@media(max-width:1100px){.shell{padding-left:28px;padding-right:28px}.nav-inner{gap:20px}.nav-links{gap:20px;margin-left:0}.workspace{grid-template-columns:180px minmax(0,1fr)}.workspace-sidebar{padding-left:10px;padding-right:10px}.preview-panel{padding:20px}.preview-heading h2{font-size:20px}.stream-info{gap:5px;padding:9px 6px}.stream-info small{font-size:5.5px}.landscape-caption{font-size:18px}.signal{display:none}.platform-strip{gap:18px}.platform-strip>div{font-size:12px}.platform-strip>span{font-size:7px;max-width:100px}.small-feature{padding:22px}.small-feature .feature-number{top:35px;right:22px;font-size:7px}.feature-card p{font-size:11px}.music-visual{gap:8px}.album-art{width:58px}.channels-visual>div{gap:5px}.channels-visual b{font-size:7px}.faq-layout{gap:50px}.workflow-section h2{font-size:34px}}
@media(max-width:800px){.nav-inner{height:70px}.brand{font-size:23px}.nav-links{gap:16px}.nav-links a{font-size:10px}.nav-actions{gap:16px}.button-small{font-size:10px;padding:9px 12px}.login-link{font-size:10px}.hero{padding-top:49px}.hero h1{font-size:57px;letter-spacing:-3.3px}.hero-description{font-size:13px;max-width:550px}.workspace{grid-template-columns:155px minmax(0,1fr)}.workspace-sidebar{padding:17px 8px}.workspace-brand{font-size:16px;gap:5px;padding:0 5px}.workspace-switch{padding:8px 5px;gap:6px}.workspace-switch .avatar{width:23px;height:23px}.switch-dots{display:none}.preview-tabs button{font-size:8px;gap:6px;padding:10px 7px}.preview-tabs .icon{width:14px;height:14px}.workspace-toolbar{padding:0 15px;font-size:8px}.preview-panel{padding:18px 15px;min-height:385px}.preview-heading p{max-width:260px;font-size:8px}.demo-action{font-size:8px;padding:7px}.demo-stats{gap:7px}.demo-stats>div{padding:10px}.demo-stats>div>span{font-size:7px}.demo-stats b{font-size:23px;gap:5px}.demo-stats small{font-size:6px}.stream-grid{gap:7px}.landscape{height:104px}.landscape-caption{left:8px;font-size:15px}.landscape-caption small{font-size:4px;letter-spacing:.8px}.stream-info .channel-avatar{width:18px;height:18px;font-size:8px}.stream-info b{font-size:6px}.stream-info small{font-size:5px}.stream-info{gap:4px}.workspace-status{padding:10px 15px;font-size:6px}.workspace-status>span:last-child{display:none}.platform-strip{flex-wrap:wrap;justify-content:center;gap:20px 28px;padding-top:30px;padding-bottom:30px}.platform-strip>span{flex-basis:100%;max-width:none;text-align:center}.platform-strip>div{font-size:11px}.section{padding:72px 0}.section-heading h2{font-size:34px}.split-heading{gap:24px}.split-heading p{font-size:11px}.feature-card{padding:24px}.small-feature .feature-number{display:none}.small-feature h3{font-size:18px}.small-feature p{font-size:10px}.feature-card a{font-size:9px;gap:9px}.feature-wide{min-height:440px}.forge-visual{padding:0;margin-top:35px}.asset-music{font-size:5px;padding:7px 2px}.forge-connector>div{padding:5px}.forge-output b{font-size:9px}.forge-output>span{font-size:5px}.small-feature{min-height:345px}.music-visual{flex-direction:column;align-items:flex-start;margin-top:18px}.music-visual .album-art{display:none}.channels-visual b{font-size:7px}.channels-visual>div{flex-wrap:wrap}.channels-visual .connected{display:none}.account-visual{padding:10px 7px}.account-demo-user{gap:5px}.account-demo-user>.icon{display:none}.account-demo-user b{font-size:7px}.account-tags{flex-direction:column}.workflow-section{padding-top:65px}.workflow-section h2{font-size:30px}.workflow-steps{gap:28px}.workflow-steps h3{font-size:16px}.workflow-steps p{font-size:10px}.price-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.pcard{padding:25px 20px}.price .now{font-size:27px}.faq-layout{gap:35px;grid-template-columns:1fr 1.3fr}.faq-section h2{font-size:30px}.faq-list summary{font-size:11px}.footer-top{gap:20px;grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-column h3{font-size:9px}.footer-column a{font-size:9px}.demo-production{grid-template-columns:1fr 1.1fr}.demo-recipe,.demo-jobs,.demo-player,.demo-playlist,.demo-profile,.demo-security{padding:13px}.recipe-node{font-size:8px;padding:10px 7px}.demo-job{font-size:8px}.demo-job small{font-size:7px}}
@media(max-width:640px){html{scroll-padding-top:82px}.shell{padding-left:20px;padding-right:20px}.nav-inner{height:65px;gap:12px}.brand{font-size:23px;gap:7px}.brand-symbol{transform:scale(.86) skew(-12deg);margin-left:-2px}.nav-actions{margin-left:auto}.login-link{display:none}.button-small{min-height:36px;padding:8px 10px;font-size:10px;gap:7px}.button-small .icon{width:13px;height:13px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:36px;height:38px;border:1px solid #d9dbdd;border-radius:7px;background:transparent;flex-shrink:0}.menu-toggle span{width:15px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:#f6f7f8;border-bottom:1px solid var(--line);padding:15px 20px 20px;box-shadow:0 15px 25px #1c20250d}.nav-links.open{display:flex;flex-direction:column;gap:0}.nav-links a{padding:12px 0;font-size:13px}.nav-links .mobile-login{display:block;color:#444c57;border-top:1px solid #dddfe2;margin-top:7px}.hero{padding-top:39px}.eyebrow-pill{font-size:8px;padding:7px 9px;gap:6px}.eyebrow-pill .icon{width:11px;height:11px;margin-left:0}.eyebrow-pill .status-dot{width:5px;height:5px}.hero h1{font-size:clamp(36px,9.9vw,60px);letter-spacing:-2.2px;line-height:1.13;margin:23px -5px 22px}.highlight>svg{height:9px;bottom:-5px;stroke-width:4px}.hero-description{font-size:12px;line-height:1.9;max-width:390px}.desktop-break{display:none}.hero-actions{gap:9px;margin-top:22px;flex-wrap:wrap}.hero-actions .button{font-size:11px;padding:12px 14px;min-height:47px;gap:9px}.hero-actions .icon{width:15px;height:15px}.hero-reassurance{gap:8px 13px;flex-wrap:wrap;margin-top:16px;font-size:8px}.hero-reassurance .icon{width:11px;height:11px}.hero-reassurance>span{gap:4px}.workspace-wrap{margin-top:34px;scroll-margin-top:85px}.workspace-top-label{font-size:6px;letter-spacing:.7px;gap:10px;margin:0 0 10px}.workspace-top-label>span:first-child{gap:5px}.workspace-top-label>span:last-child{font-size:7px}.workspace-top-label .status-dot{width:4px;height:4px}.workspace{display:flex;flex-direction:column;border-radius:10px;box-shadow:0 18px 40px #21252a21,0 0 0 4px #ebeced}.workspace-sidebar{padding:0;border-right:0;border-bottom:1px solid #33363a}.workspace-brand,.workspace-switch,.side-label,.sidebar-bottom{display:none}.preview-tabs{display:flex;flex-direction:row;overflow-x:auto;gap:4px;padding:10px;scrollbar-width:none;scrollbar-color:#4f535a transparent}.preview-tabs button{font-size:9px;padding:9px 10px;gap:6px;flex-shrink:0}.preview-tabs .icon{width:13px;height:13px}.side-live-dot{display:none}.workspace-toolbar{min-height:42px;padding:0 13px;font-size:7px}.toolbar-right{gap:8px}.cloud-status{font-size:6px}.toolbar-right .avatar{width:20px;height:20px;font-size:7px}.preview-panel{padding:17px 13px;min-height:440px}.preview-heading{margin-bottom:16px;gap:8px}.preview-kicker{font-size:6px;letter-spacing:1.2px}.preview-heading h2{font-size:21px;margin:4px 0}.preview-heading p{font-size:8px;max-width:240px;line-height:1.7}.demo-action{font-size:7px;padding:7px;align-self:flex-start;margin-top:20px}.demo-stats{gap:6px;margin-bottom:18px}.demo-stats>div{padding:10px 8px}.demo-stats>div>span{font-size:7px;gap:5px}.demo-stats .icon{display:none}.demo-stats b{display:block;font-size:25px;margin-top:6px}.demo-stats small{display:block;font-size:6px;margin-top:4px;max-width:max-content}.demo-stats small.positive{padding:2px 4px}.demo-section-title{font-size:8px}.demo-section-title>span{font-size:7px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stream-card:last-child{display:none}.landscape{height:112px}.landscape-caption{font-size:19px;left:11px}.landscape-caption small{font-size:4px;letter-spacing:1px}.stream-info{padding:9px 7px;gap:6px}.stream-info b{font-size:7px}.stream-info small{font-size:5.5px}.stream-info .channel-avatar{width:22px;height:22px;font-size:8px}.demo-schedule{margin-top:12px;padding:10px 8px;gap:8px}.demo-schedule b{font-size:7px}.demo-schedule div>span{font-size:6px}.schedule-status{font-size:6px}.schedule-status>span{display:none}.workspace-status{padding:10px 13px;font-size:6px}.preview-hint{font-size:8px;margin-top:14px}.platform-strip{gap:18px 25px;padding-top:28px;padding-bottom:30px}.platform-strip>span{font-size:7px}.platform-strip>div{font-size:10px}.platform-strip .icon{height:18px;width:18px}.section{padding:58px 0}.section-heading{margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.section-heading h2{font-size:31px;letter-spacing:-1.3px}.split-heading{display:block}.split-heading p{margin-top:17px;font-size:12px;line-height:1.8}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{grid-column:auto;padding:25px}.feature-card h3{font-size:23px}.feature-card p{font-size:12px;max-width:420px}.feature-card a{font-size:11px;gap:15px}.feature-wide{min-height:439px}.feature-icon{margin-bottom:18px}.feature-number{font-size:8px}.automation-visual{margin-top:28px;margin-left:3px;margin-right:3px}.forge-visual{margin-top:30px;padding:0 3px;max-width:430px;width:100%;align-self:center}.asset-stack .landscape{height:89px}.asset-music{font-size:7px;padding:8px 3px}.forge-output{padding:16px 8px}.forge-output b{font-size:11px}.forge-output>span{font-size:7px}.small-feature{min-height:320px}.small-feature .feature-number{display:block;top:36px;right:25px;font-size:8px}.small-feature .feature-icon{align-self:flex-start}.small-feature a{padding-top:20px}.music-visual{flex-direction:row;gap:16px;margin:25px 0 0}.music-visual .album-art{display:block;width:68px;height:74px}.music-visual b{font-size:11px}.music-subtitle{font-size:9px}.waveform{gap:4px}.channels-visual{margin:22px 0 0}.channels-visual>div{padding:10px;gap:10px;flex-wrap:nowrap}.channels-visual b{font-size:10px}.channels-visual .connected{display:block;font-size:7px;padding:4px 8px}.account-visual{padding:15px;margin:24px 0 0}.account-demo-user b{font-size:10px}.account-demo-user small{font-size:9px}.account-demo-user{gap:10px}.account-demo-user>.icon{display:block}.account-tags{flex-direction:row;gap:9px;margin-top:13px}.account-tags>span{font-size:8px;padding:5px 7px}.workflow-section{padding:53px 0 25px}.workflow-section h2{font-size:30px}.workflow-section .split-heading p{font-size:11px}.workflow-steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.step-number{padding-top:18px}.workflow-steps h3{font-size:20px;margin:13px 0 8px}.workflow-steps p{font-size:12px;max-width:100%}.workflow-bottom{margin-top:33px;align-items:flex-start;flex-direction:column;gap:17px;font-size:9px;padding-top:22px}.workflow-bottom>a{font-size:10px}.price-tabs{margin:0 auto 28px}.price-grid{grid-template-columns:1fr;gap:22px;max-width:430px}.price-grid.business-view{max-width:430px}.pcard{padding:27px}.plan-name{font-size:23px}.plan-desc{font-size:12px;min-height:0}.price .now{font-size:37px}.price .per{font-size:11px}.price .old{font-size:11px}.feat-list li{font-size:12px;margin:12px 0}.save{font-size:10px}.pcard .pld-open{font-size:11px!important}.order-btn{font-size:12px;padding:13px}.feat-list{padding-top:12px;margin-bottom:20px}.price-note{font-size:9px;align-items:flex-start;line-height:1.8;max-width:340px;margin-left:auto;margin-right:auto}.price-note .icon{margin-top:2px}.pricing-help{font-size:11px;line-height:2.4}.pricing-help a{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:7px}.faq-section .section-heading p{font-size:12px}.faq-list summary{font-size:12px;padding:20px 26px 20px 0}.faq-list p{font-size:12px}.cta-inner{padding-top:48px;padding-bottom:45px}.cta-inner h2{font-size:37px;letter-spacing:-1.6px}.cta-inner p{font-size:11px;max-width:260px;margin-left:auto;margin-right:auto}.cta-orbit{width:500px;height:500px}.orbit-one{left:-410px}.orbit-two{right:-410px}.site-footer{padding:40px 0 25px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:11px;margin-top:17px}.footer-cloud{font-size:9px;margin-top:15px}.footer-column h3{font-size:11px;margin-bottom:15px}.footer-column a{font-size:11px;margin:10px 0}.footer-bottom{margin-top:32px;padding-top:22px;flex-direction:column;gap:15px;font-size:9px}.footer-bottom>div{flex-wrap:wrap;gap:15px}.demo-production{grid-template-columns:1fr;gap:10px;margin-top:15px}.demo-recipe{display:flex;flex-wrap:wrap;align-items:center;padding:12px;gap:3px}.demo-recipe .demo-card-label{flex-basis:100%;margin-bottom:6px}.recipe-node{padding:8px 5px;gap:5px;font-size:7px;flex:1}.recipe-node .icon{width:12px;height:12px}.recipe-connection{transform:rotate(-90deg);padding:0 1px}.demo-jobs{padding:14px}.demo-jobs .demo-card-label{margin-bottom:4px}.demo-job{font-size:9px}.demo-job small{font-size:8px}.demo-music-layout{gap:10px;margin-top:16px;grid-template-columns:1fr 1fr}.demo-player{padding:16px 10px}.demo-player .album-art{width:95px;height:112px;font-size:110px}.demo-player h3{font-size:11px}.demo-player .waveform{gap:3px}.demo-playlist{padding:14px 10px}.demo-card-label{font-size:7px}.demo-playlist .demo-job{font-size:8px;padding:18px 0}.demo-playlist .demo-job>div{gap:4px}.demo-playlist .demo-job small{font-size:6px}.demo-table-row{padding:14px 10px;font-size:8px;gap:8px;grid-template-columns:1.7fr .8fr .7fr}.demo-table-row>span:first-child{gap:7px}.demo-table-head{font-size:7px}.demo-table-row .channel-avatar{width:20px;height:20px;font-size:8px}.demo-account-layout{grid-template-columns:1fr;gap:10px;margin-top:15px}.demo-profile{padding:14px;display:flex;align-items:center;flex-wrap:wrap;gap:0 10px}.demo-profile>.avatar{width:30px;height:30px;font-size:10px}.demo-profile h3{font-size:12px;margin:0}.demo-profile>p{flex-basis:100%;margin-top:8px}.profile-field{flex-basis:100%;margin-top:9px;padding-top:8px}.demo-security{padding:14px}.demo-security .demo-job{padding:11px 0}.demo-security .demo-card-label{margin-bottom:3px}}
@media(max-width:360px){.shell{padding-left:16px;padding-right:16px}.brand{font-size:20px}.brand-symbol{gap:2px}.nav-inner{gap:8px}.button-small{font-size:9px}.hero h1{font-size:35px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-reassurance{font-size:7px;gap:7px}.workspace-top-label{font-size:5px}.workspace-top-label>span:last-child{font-size:6px}.cloud-status{display:none}.preview-heading p{max-width:180px}.landscape-caption{font-size:16px}.demo-schedule div>span{font-size:5.5px}.schedule-status{display:none}.feature-card{padding:22px}.section-heading h2{font-size:28px}.asset-music{font-size:6px}.demo-player .waveform{gap:2px}.demo-table-row{font-size:7px}.demo-table-row>span:first-child{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* StreamLive identity: original logo, black and white, blue accents. */
:root{--paper:#fafbfc;--ink:#17191d;--muted:#6b717c;--line:#e2e5ea;--blue:#2563eb;--green:#2563eb;--dark:#101216}
.brand-image{display:block;width:164px;height:auto;filter:brightness(0)}
.workspace-brand-image{display:block;width:132px;height:auto}
.site-header{background:#fafbfcee}.button-blue{background:#2563eb;border-color:#2563eb;color:#fff}.button-blue:hover{background:#1d4ed8;box-shadow:0 6px 18px #2563eb22}.button-dark:hover{background:#303641}
.status-dot,.side-live-dot,.sidebar-bottom .status-dot,.workflow-bottom .status-dot{background:#528bff}
.highlight>svg{stroke:#8cb4ff}.eyebrow-pill{background:#f0f5ff;border-color:#dbe6f9}.workspace-wrap:before{background:#2563eb15}
.workspace,.workflow-section{background:#101216}.workspace-sidebar{background:#101216}.preview-tabs button.active{background:#1b2943;border-color:#375789;color:#a3c2ff}.avatar-blue{background:#1e3152;color:#9bc0ff}.demo-action{background:#2563eb;color:#fff}.cloud-status:before{background:#528bff}
.demo-stats small.positive,.demo-table-row .connected{background:#1b2943;color:#a3c2ff;border-color:#375789}.progress-bar>i{background:#528bff}.waveform i{background:#6897ed}
.feature-icon{color:#2563eb}.pcard{background:#fff}.pcard.popular{background:#f4f7ff;border-color:#7ca5f8;box-shadow:0 0 0 1px #7ca5f8}.pop-tag{background:#dce8ff;color:#2454a9}.popular .order-btn{background:#2563eb;border-color:#2563eb;color:#fff}.popular .order-btn:hover{background:#1d4ed8}.ck,.save{color:#2563eb}.pcard .pld-open{color:#2563eb!important}.order-btn:hover{background:#f0f5ff}.final-cta{background:#edf3ff;border-color:#dbe6fa}.cta-inner .eyebrow{color:#3561a7}.cta-inner p,.cta-footnote{color:#6c7b95}
#pricingAuthGate{background:rgba(15,18,25,.42)}#pricingAuthGate .pag-plan{background:#eff5ff;border-color:#d6e4fc;border-left-color:#2563eb}#pricingAuthGate .pag-plan span{color:#56739e}#pricingAuthGate .pag-login{background:#2563eb;border-color:#2563eb;color:#fff}#pricingAuthGate .pag-login:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 14px #2563eb22}#pricingAuthGate :is(button,a):focus-visible{outline-color:#2563eb}
@media(max-width:800px){.brand-image{width:145px}.workspace-brand-image{width:119px}}
@media(max-width:640px){.brand-image{width:132px}.nav-links{background:#fafbfc}}
@media(max-width:360px){.brand-image{width:116px}}