/* Public homepage: the application's warm canvas, quiet cards and chromatic icons. */
:root{--ink:#181917;--muted:#646660;--line:#deddd7;--purple:#7864ad;--lavender:#e5ddee;--mint:#7bd7b8;--peach:#ffc3b1;--panel:#eeece7;--radius:24px;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f6f2;color:var(--ink);font-family:var(--font-ui,var(--font));font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #428fd5;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}svg{display:block}
.siteHeader{position:sticky;top:0;z-index:20;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px max(24px,calc((100vw - 1440px)/2));background:#f8f6f2;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.brandMark{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#171816}.brandMark i{width:10px;height:10px;border-radius:50%;background:#f8f6f2}.siteNav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.siteNav a{padding:8px 0}.siteNav a:hover,.loginLink:hover{color:var(--ink)}.headerActions{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:500;white-space:nowrap}
.headerCta,.primaryCta,.secondaryCta{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:12px 20px;border:0;border-radius:999px;background:#181917;color:#fff;font-weight:500;font-size:14px;transition:background-color 180ms ease}.headerCta{min-height:40px;padding:10px 18px}.primaryCta:hover,.headerCta:hover{background:#343630}.secondaryCta{background:#e6e3dd;color:var(--ink)}.secondaryCta:hover{background:#dcd8d0}
main{padding:24px;display:grid;gap:18px;max-width:1488px;margin:0 auto}.ciSiteHome main{container-type:inline-size;container-name:site}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;min-height:690px;padding:64px 48px;border-radius:28px;background:radial-gradient(ellipse at 90% 10%,#e0e9eb99,transparent 55%),radial-gradient(ellipse at 5% 100%,#e6e2d799,transparent 65%),var(--panel);overflow:hidden}.heroCopy{min-width:0}.kicker{display:block;font-size:10px;letter-spacing:.08em;font-weight:500;color:var(--muted);margin-bottom:20px}.hero .kicker{width:max-content;border-radius:999px;padding:9px 12px;background:#d9e5b5;color:#3d482c;margin-bottom:24px}.hero h1{font-size:clamp(48px,4.8vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:500}.hero h1 em{font-style:normal;color:#686b60}.hero p{font-size:17px;line-height:1.65;color:#5d6059;max-width:570px;margin:24px 0 0}.heroAudienceStage{display:grid}.heroAudienceSlide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity 900ms ease,transform 900ms cubic-bezier(.25,.8,.25,1),visibility 900ms}.heroAudienceSlide.isActive{opacity:1;visibility:visible;transform:none;pointer-events:auto}.heroAudienceDots{display:flex;gap:7px;align-items:center;height:6px;margin-top:24px}.heroAudienceDots i{width:6px;height:6px;border-radius:999px;background:#cbcfc1;transition:width 500ms ease,background 500ms ease}.heroAudienceDots i.isActive{width:24px;background:#6c8060}.hero .heroAutomationLine{font-size:12px;line-height:1.6;margin-top:20px;color:var(--muted);max-width:520px}.heroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.heroVisual{min-width:0}.workspacePreview{border-radius:22px;background:#f8f6f2;box-shadow:0 12px 40px #30352c0a;overflow:hidden;border:1px solid #dcded58c;transform:rotate(-1deg)}.previewTop{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.previewBrand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.previewBrand .brandMark{width:24px;height:24px;flex-basis:24px}.previewBrand .brandMark i{width:7px;height:7px}.previewScope{font-size:9px;background:#eeece7;padding:8px 10px;border-radius:999px;white-space:nowrap}.previewBody{padding:22px;display:grid;gap:14px}.previewGreeting{display:flex;align-items:center;justify-content:space-between;gap:10px}.previewGreeting small{font-size:8px;letter-spacing:.08em;color:var(--muted)}.previewGreeting h2{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin:6px 0 4px}.previewLive{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.previewLive i{width:5px;height:5px;border-radius:50%;background:#54b99a}.previewMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.previewMetrics>div{background:var(--panel);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.previewIcon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;color:#273229}.previewIcon svg{width:16px;height:16px}.coral{background:#ff816c}.green{background:#b3d663}.violet{background:#ba8aef}.blue{background:#60a5fa}.previewMetrics span{font-size:10px;white-space:nowrap}.previewMetrics b{font-size:25px;line-height:1.1;letter-spacing:-.04em}.previewChart{background:var(--panel);border-radius:16px;padding:16px}.previewChartHead{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dddcd5;padding-bottom:12px}.previewChartHead b{font-size:11px}.previewChartHead>span{margin-left:auto;font-size:8px;color:var(--muted)}.previewChart>strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:14px;line-height:1.1}.previewChart>small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.previewCurve{width:100%;height:auto;margin-top:14px;overflow:visible}.previewGrid{fill:none;stroke:#dbdcd6;stroke-width:.7}.previewDates{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.previewRelease{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#e4dce1,#e6e3db);border-radius:16px;padding:14px}.previewArt{width:42px;height:42px;flex:0 0 42px;border-radius:9px;background:linear-gradient(135deg,#29424a,#8aa1a3 50%,#deb8a3)}.previewRelease small,.previewRelease b,.previewRelease div>span{display:block}.previewRelease small{font-size:8px;color:#66695f;letter-spacing:.06em}.previewRelease b{font-size:12px;margin-top:5px}.previewRelease div>span{font-size:9px;color:var(--muted);margin-top:3px}.previewStatus{font-size:8px;margin-left:auto;background:#f3f3ed;padding:7px 9px;border-radius:999px;white-space:nowrap}.hero .previewCaption{font-size:10px;text-align:center;margin:14px 0 0;color:#75786e}
.trustStrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 24px;padding:24px;border-radius:24px;font-size:12px;color:var(--muted)}.trustStrip i{width:4px;height:4px;border-radius:50%;background:#b1b5a7}.trustStrip span{white-space:nowrap}
.automationManifesto{border-radius:28px;background:#eeece7;padding:64px;position:relative;overflow:hidden}.automationManifesto h2{font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;max-width:850px}.automationManifesto>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:820px}.automationPrinciple{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0}.automationPrinciple b{background:#dedfd0;padding:10px 16px;border-radius:999px;font-size:13px}.automationPrinciple i,.automationChain i{font-style:normal;color:#828575}.automationChain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}.automationChain span{border-radius:999px;background:#f8f6f2;padding:10px 14px;font-size:12px}.automationManifesto .experienceNote{font-size:12px;margin:26px 0 0}
.audienceSplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audienceSplit article{border-radius:24px;padding:36px}.audienceSplit article:first-child{background:#eeece7!important}.audienceSplit article.artistAudience{background:#e4e6dc}.audienceSplit h3{font-size:29px;line-height:1.1;letter-spacing:-.035em;margin:0 0 16px;max-width:460px}.audienceSplit p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:560px}
.intro{padding:64px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.intro h2,.productCopy h2,.artistCopy h2,.workflow h2,.finalCta h2{font-size:clamp(34px,3.5vw,52px);line-height:1.06;letter-spacing:-.045em;margin:0}.intro p,.productCopy p,.artistCopy>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:620px}.intro p{margin:0}
.featureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featureCard{position:relative;border:0;border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.featureNumber{position:absolute;top:30px;right:24px;font-size:10px;color:#838579}.featureIcon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#293329;background:#ff816c}.featureIcon svg{width:18px;height:18px}.discoveryFeature .featureIcon{background:#b3d663}.linksFeature .featureIcon{background:#ba8aef}.analyticsFeature .featureIcon{background:#60a5fa}.featureCard h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:24px 0 16px}.featureCard p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 28px}.featureTag{margin-top:auto;font-size:9px;letter-spacing:.06em;color:#7a7e70}
.productShowcase,.artistShowcase{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;min-width:0}.productVisual{background:#e0e5e3;padding:48px;display:grid;place-items:center;min-width:0}.mockWindow{width:100%;aspect-ratio:1.55;background:#f8f6f2;border:1px solid #d9dcd4;border-radius:16px;box-shadow:0 12px 32px #30382a09;overflow:hidden}.mockTop{height:40px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.mockTop span{width:6px;height:6px;background:#d3d6ca;border-radius:50%}.mockTop b{margin-left:10px}.mockBody{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 40px)}.mockBody aside{padding:14px 9px;background:#eeece7;display:grid;align-content:start;gap:10px}.mockBody aside i{height:20px;border-radius:999px;background:#e0ddd6}.mockBody aside i.active{background:#c7cbb6}.mockContent{padding:18px;min-width:0}.mockTabs{display:flex;gap:18px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px}.mockTabs b{color:var(--ink);position:relative}.mockTabs b:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--ink)}.mockStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.mockStats i{height:44px;border-radius:10px;background:#eeece7;position:relative}.mockStats i:before{content:"";position:absolute;top:9px;left:9px;width:10px;height:10px;border-radius:50%;background:#ff816c}.mockStats i:nth-child(2):before{background:#b3d663}.mockStats i:nth-child(3):before{background:#60a5fa}.mockStats i:nth-child(4):before{background:#ba8aef}.mockRows{display:grid;gap:8px}.mockRows i{height:32px;border-radius:9px;background:linear-gradient(90deg,#d3dcd4 0 10%,#eeece7 10% 100%)}.productCopy,.artistCopy{padding:48px;display:flex;flex-direction:column;justify-content:center;min-width:0}.productCopy p,.artistCopy>p{margin:24px 0}.miniStats{display:flex;gap:44px;margin:4px 0 28px}.miniStats strong,.miniStats span{display:block}.miniStats strong{font-size:32px;letter-spacing:-.04em}.miniStats span{font-size:12px;color:var(--muted);margin-top:5px}.textLink{font-size:14px;font-weight:500;width:fit-content;padding-bottom:4px;border-bottom:1px solid #b3b9a7}.artistPoints{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 28px}.artistPoints b,.artistPoints span{display:block}.artistPoints b{font-size:14px;margin-bottom:7px}.artistPoints span{font-size:12px;line-height:1.6;color:var(--muted)}
.artistVisual{position:relative;background:linear-gradient(135deg,#e0dddf,#dde6de);min-height:480px;overflow:hidden}.artistDisc{position:absolute;width:260px;height:260px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,#1b201b 0 8px,#262d26 9px 10px)}.artistDisc:before{content:"";position:absolute;inset:36%;border-radius:50%;background:#b3d663}.artistDisc i{position:absolute;width:10px;height:10px;border-radius:50%;background:#1b201b;left:50%;top:50%;transform:translate(-50%,-50%)}.artistPanel{position:absolute;padding:20px;border-radius:20px;z-index:1}.artistPanel small,.artistPanel b,.artistPanel span{display:block}.artistPanel small{font-size:9px;letter-spacing:.06em;color:var(--muted)}.artistPanel b{font-size:20px;margin:12px 0 6px;letter-spacing:-.03em}.artistPanel span{font-size:11px;color:var(--muted)}.artistPanelOne{left:24px;bottom:32px}.artistPanelTwo{right:24px;top:32px}.artistPanelTwo b{font-size:34px}.artistWave{display:none}
.workflow{border-radius:28px;background:#22251f;color:#f8f6f2;padding:64px}.workflow .kicker{color:#afb6a4}.workflowGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.workflowGrid article{min-width:0}.workflowGrid article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#b3d663;color:#293329;font-size:10px}.workflowGrid article:nth-child(2)>span{background:#60a5fa}.workflowGrid article:nth-child(3)>span{background:#ba8aef}.workflowGrid article:nth-child(4)>span{background:#ff816c}.workflowGrid h3{font-size:24px;line-height:1.15;letter-spacing:-.03em;margin:28px 0 14px}.workflowGrid p{font-size:14px;line-height:1.65;color:#bdc3b6;margin:0}
.finalCta{padding:64px;border-radius:28px;background:linear-gradient(120deg,#e4e7d8,#e1e6df);display:flex;justify-content:space-between;align-items:end;gap:40px}.finalCta .primaryCta{white-space:nowrap;flex-shrink:0}footer{max-width:1488px;margin:0 auto;padding:40px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footerBrand{color:var(--ink);font-size:14px}footer p{margin:0}footer>div{display:flex;gap:20px}
/* Homepage-specific surfaces win over the old public-site glass treatment. */
.ciSiteHome :where(.trustStrip):is(.ci-spec,*),.ciSiteHome :where(.intro):is(.ci-spec,*){background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}.ciSiteHome :where(.featureCard):is(.ci-spec,*),.ciSiteHome :where(.productShowcase):is(.ci-spec,*),.ciSiteHome :where(.artistShowcase):is(.ci-spec,*){background:var(--panel)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.ciSiteHome :where(.artistPanel):is(ci-spec.ci-spec,*),.ciSiteHome :where(.audienceSplit article):is(ci-spec.ci-spec,*){backdrop-filter:none;-webkit-backdrop-filter:none}.ciSiteHome .artistPanel{background:#f8f6f2!important}
@media(max-width:1100px){.siteNav{gap:18px}.siteNav a:nth-child(3),.siteNav a:nth-child(4){display:none}.siteHeader{padding-inline:24px}footer p{display:none}}
@container site (max-width:1100px){.hero{gap:32px;padding:48px 32px;min-height:0}.hero h1{font-size:58px}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.previewBody{padding:16px}.previewMetrics>div{padding:12px 10px}.previewStatus{display:none}.productCopy,.artistCopy{padding:32px}.productVisual{padding:28px}.workflow{padding:48px}.intro{gap:40px}}
@container site (max-width:850px){.hero{grid-template-columns:1fr;padding:40px;gap:40px}.hero h1{font-size:64px}.heroCopy{max-width:650px}.heroVisual{width:100%;max-width:600px;justify-self:center}.workspacePreview{transform:none}.hero .heroAutomationLine{max-width:580px}.intro,.productShowcase,.artistShowcase{grid-template-columns:1fr}.intro{padding:40px 24px;gap:24px}.productVisual{padding:40px;min-height:380px}.artistVisual{min-height:440px}.workflowGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.finalCta{flex-direction:column;align-items:flex-start;padding:40px}.audienceSplit article{padding:28px}.trustStrip{gap:16px}.trustStrip i{display:none}}
@media(max-width:680px){.siteHeader{min-height:64px;padding:12px 16px;gap:12px}.brand{font-size:14px;gap:8px}.brandMark{width:28px;height:28px;flex-basis:28px}.siteNav,.headerCta{display:none}.headerActions{gap:0;font-size:13px}main{padding:16px;gap:16px}footer{padding:32px 20px;flex-wrap:wrap}.footerBrand{flex-basis:100%}}
@container site (max-width:540px){.hero{padding:28px 24px;border-radius:24px;gap:32px}.hero h1{font-size:clamp(36px,10cqw,54px)}.hero p{font-size:15px}.hero .heroAutomationLine{font-size:11px}.heroActions{flex-direction:column;align-items:stretch}.heroAudienceSlide .kicker{margin-bottom:20px}.previewTop{padding:12px}.previewBrand{font-size:10px}.previewScope{font-size:8px;padding:7px}.previewBody{padding:12px;gap:10px}.previewGreeting h2{font-size:20px}.previewLive{display:none}.previewMetrics{gap:6px}.previewMetrics>div{padding:10px 8px;border-radius:12px;gap:8px}.previewMetrics span{font-size:8px}.previewMetrics b{font-size:22px}.previewIcon{width:24px;height:24px;flex-basis:24px}.previewChart{padding:12px}.previewChartHead{gap:6px}.previewChartHead b{font-size:10px}.previewChartHead>span{font-size:7px}.previewRelease{padding:12px;gap:10px}.previewRelease b{font-size:11px}.previewRelease div>span{font-size:8px}.previewArt{width:34px;height:34px;flex-basis:34px}.featureGrid,.audienceSplit{grid-template-columns:1fr}.automationManifesto,.workflow{padding:32px 24px;border-radius:24px}.automationManifesto h2{font-size:34px}.automationManifesto>p{font-size:15px}.automationPrinciple{gap:8px}.automationPrinciple b{font-size:12px}.automationPrinciple i,.automationChain i{display:none}.automationChain{gap:8px;margin-top:24px}.automationChain span{padding:9px 12px;font-size:11px}.intro{padding:32px 8px}.intro h2,.productCopy h2,.artistCopy h2,.workflow h2,.finalCta h2{font-size:34px}.intro p,.productCopy p,.artistCopy>p{font-size:15px}.workflowGrid{grid-template-columns:1fr;gap:32px;margin-top:32px}.workflowGrid h3{margin-top:16px}.productCopy,.artistCopy{padding:28px 24px}.productVisual{padding:24px;min-height:260px}.mockContent{padding:12px}.mockBody{grid-template-columns:38px 1fr}.mockTabs{gap:10px;font-size:8px}.mockStats{gap:5px;margin:10px 0}.mockStats i{height:36px}.mockRows i{height:25px}.mockRows{gap:6px}.artistPoints{grid-template-columns:1fr;gap:20px}.artistVisual{min-height:380px}.artistDisc{width:200px;height:200px}.artistPanelOne{left:16px;bottom:24px}.artistPanelTwo{right:16px;top:24px}.artistPanel{padding:16px}.finalCta{padding:32px 24px;gap:28px}.trustStrip{padding:12px 8px;font-size:11px;gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroAudienceSlide,.heroAudienceDots i,.primaryCta,.headerCta,.secondaryCta{transition:none;transform:none}}