.brand-flow{background:#08080a;padding:64px 0!important}.brand-shell{width:min(1500px,calc(100% - 80px));margin:auto}.brand-eyebrow{color:#a2decb;font-size:11px;letter-spacing:3px}.brand-intro h2{font-size:clamp(36px,4.2vw,64px)!important;line-height:1.08!important;letter-spacing:-2px!important;margin:28px 0 18px!important;font-weight:500!important}.brand-intro h2 span{color:#d4f1e7}.brand-intro>p{font-size:clamp(17px,1.65vw,24px);color:#aeb9bf;margin:0 0 38px}.brand-grid{display:grid;grid-template-columns:1.4fr 1.06fr 1fr;gap:44px}.brand-card{position:relative;background:linear-gradient(135deg,#0c1414,#0c1112);border:1px solid #293b36;border-radius:10px;padding:22px;min-width:0}.brand-card:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 11px);top:42%;color:#a2d5c5;font-size:30px;font-weight:200}.brand-step{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.brand-step>span{display:flex;align-items:center;gap:18px;color:#b7c1c7;font-size:10px;letter-spacing:2px;white-space:nowrap}.brand-step b{font-size:23px;font-weight:400;color:#68d8b5;letter-spacing:-1px}.brand-step small{font-size:10px;color:#9ba9af;white-space:nowrap}.brand-widget{height:230px;background:linear-gradient(135deg,#111c1d,#101617);border:1px solid #243330;border-radius:9px;padding:18px;box-sizing:border-box}.brand-finance{display:grid;grid-template-columns:2fr 1fr;gap:14px}.brand-widget-title{font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:6px;align-items:center;white-space:nowrap}.brand-widget-title>span{color:#b3bdc1;font-size:9px;font-weight:400;display:flex;gap:6px;align-items:center}.brand-money{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:25px;font-size:13px;white-space:nowrap}.brand-money span{display:flex;align-items:center;gap:10px}.brand-money b{font-weight:500}.brand-widget i:not(.brand-check){display:inline-block;width:9px;height:9px;border-radius:50%;background:#2bc79a;flex-shrink:0}.brand-widget i.gray{background:#8a949b}.brand-money.profit{border-top:1px solid #34403c;margin-top:19px;padding:15px 8px;background:linear-gradient(90deg,#16372c,#14251f);border-radius:7px}.brand-money.profit b{color:#76e1bf;font-size:16px}.brand-ring{position:relative;width:100%;max-width:130px;margin:0 auto 10px}.brand-ring svg{width:100%;transform:rotate(-90deg)}.brand-ring circle{fill:none;stroke:#263331;stroke-width:9}.brand-ring circle.value{stroke:#3ac7a1;stroke-dasharray:85 308;stroke-linecap:round}.brand-ring>div{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.brand-ring b{font-size:18px}.brand-ring small{font-size:8px;color:#a8b4b9}.brand-gain{display:flex;gap:7px;padding:10px 8px;border:1px solid #30433a;border-radius:8px;font-size:9px;line-height:1.5}.brand-gain>b{color:#31c394;font-size:22px;font-weight:400}.brand-bars{margin-top:24px}.brand-bars>div:not(.brand-axis){display:grid;grid-template-columns:36px 1fr 25px;gap:10px;align-items:center;margin:18px 0;font-size:11px}.brand-bars>div>div{background:repeating-linear-gradient(90deg,#293332 0 1px,transparent 1px 25%);height:19px}.brand-bars b{display:block;height:19px;background:linear-gradient(90deg,#919b9f,#a6afb4)}.brand-bars>div:nth-child(2) b{background:linear-gradient(90deg,#229b75,#73d9b2)}.brand-bars em{font-style:normal}.brand-axis{display:flex;justify-content:space-between;color:#87959d;padding-right:32px;margin-top:-8px}.brand-axis small{font-size:9px}.brand-axis>span{width:25px}.brand-insight{display:flex;align-items:center;gap:12px;padding:10px;background:linear-gradient(90deg,#302321,#17211e);border:1px solid #393b34;border-radius:8px;margin-top:16px;font-size:11px}.brand-insight>b{display:grid;place-items:center;background:#984c49;border-radius:50%;width:30px;height:30px;font-size:20px;color:#171a19}.brand-insight small{display:block;font-size:10px;color:#b3bdbd;margin-top:4px}.brand-insight em{margin-left:auto;color:#afbcba;font-size:20px}.brand-tasks{padding:16px 12px}.brand-task{display:grid;grid-template-columns:23px 1fr;gap:10px}.brand-task+.brand-task{border-top:1px solid #2d3b36;margin-top:16px;padding-top:16px}.brand-check{width:19px;height:19px;border:1px solid #b9c8c9;border-radius:50%;font-style:normal}.brand-check.done{display:grid;place-items:center;border:0;background:#2db990;color:white}.brand-task-title{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:5px;line-height:1.4}.brand-task-title>span{border-radius:20px;background:#13352c;color:#72d2b3;font-size:9px;padding:6px 9px;white-space:nowrap}.brand-task p{font-size:10px!important;line-height:1.5!important;color:#a7b4ba!important;margin:7px 0 10px!important}.brand-assignee{display:flex;justify-content:space-between;align-items:center;color:#a9b6bd;font-size:9px}.brand-assignee>span{display:flex;align-items:center;gap:6px}.brand-assignee b{border:1px solid #577469;background:#27473d;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:9px;color:#d7e6df}.brand-assignee small{font-size:9px}.brand-card>h3{font-size:clamp(17px,1.6vw,25px)!important;font-weight:500!important;letter-spacing:-.5px;line-height:1.25;margin:25px 0 10px!important}.brand-card>p{color:#aebbc1;font-size:clamp(12px,1.1vw,17px);line-height:1.5;margin:0}.brand-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #293b35;margin-top:44px;padding-top:22px;font-size:12px;color:#a8b6bc}.brand-bottom a{color:#b8e6d6;border-bottom:1px solid #568b77;padding-bottom:8px;text-decoration:none}.brand-bottom a span{margin-left:30px}
@media(max-width:1200px) and (min-width:701px){.brand-shell{width:calc(100% - 48px)}.brand-grid{gap:24px;grid-template-columns:1.25fr 1fr 1fr}.brand-card{padding:14px}.brand-card:not(:last-child):after{left:calc(100% + 4px);font-size:22px}.brand-step small{display:none}.brand-widget{padding:12px}.brand-finance{gap:8px}.brand-widget-title{font-size:10px}.brand-money{font-size:11px}.brand-widget-title>span{font-size:8px}.brand-gain{font-size:8px;padding:8px 5px}.brand-task-title{font-size:10px}.brand-tasks{padding:12px 9px}}
@media(max-width:700px){.brand-flow{padding:40px 0!important}.brand-shell{width:calc(100% - 32px)}.brand-intro h2{font-size:34px!important;letter-spacing:-1px!important;margin-top:20px!important}.brand-eyebrow{font-size:9px;letter-spacing:2px}.brand-intro>p{font-size:15px;line-height:1.5;margin-bottom:24px}.brand-grid{grid-template-columns:1fr;gap:24px}.brand-card{padding:18px}.brand-card:not(:last-child):after{display:none}.brand-widget{height:230px}.brand-step small{font-size:9px}.brand-card>h3{font-size:21px!important;margin-top:20px!important}.brand-card>p{font-size:14px}.brand-bottom{align-items:flex-start;gap:20px;flex-direction:column;font-size:12px;margin-top:28px}.brand-widget-title{font-size:10px}.brand-money{font-size:12px}.brand-widget{padding:14px}.brand-finance{gap:10px}.brand-widget-title>span{font-size:8px}.brand-gain{font-size:8px}.brand-step>span{gap:12px}.brand-task-title{font-size:12px}.brand-task p{font-size:11px!important}}
@media(max-width:700px){body.mobile-story #use-cases.brand-flow{display:block!important}body.mobile-story #use-cases.brand-flow .brand-card{display:block!important}}

/* Compact section scale aligned with adjacent homepage sections. */
@media(min-width:701px){.brand-flow{padding:42px 0!important}.brand-shell{width:min(1320px,calc(100% - 80px))}.brand-intro h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;letter-spacing:-1.2px!important;margin:18px 0 12px!important}.brand-intro>p{font-size:17px;margin-bottom:26px}.brand-eyebrow{font-size:10px;letter-spacing:2px}.brand-grid{gap:30px}.brand-card{padding:16px}.brand-step{margin-bottom:12px}.brand-step b{font-size:20px}.brand-step>span{gap:12px;font-size:9px}.brand-card:not(:last-child):after{left:calc(100% + 7px);font-size:23px}.brand-widget{height:204px;padding:13px}.brand-money{margin-top:20px}.brand-money.profit{margin-top:14px;padding:11px 7px}.brand-ring{max-width:106px;margin-bottom:5px}.brand-gain{padding:7px;font-size:8px}.brand-bars{margin-top:17px}.brand-insight{margin-top:12px;padding:8px}.brand-task+.brand-task{margin-top:11px;padding-top:11px}.brand-task p{margin:5px 0 7px!important}.brand-card>h3{font-size:19px!important;margin:18px 0 7px!important;line-height:1.3}.brand-card>p{font-size:13px;line-height:1.5}.brand-bottom{margin-top:26px;padding-top:16px;font-size:11px}}
@media(max-width:700px){.brand-flow{padding:30px 0!important}.brand-intro h2{font-size:30px!important;margin:15px 0 12px!important}.brand-intro>p{font-size:14px;margin-bottom:20px}.brand-card{padding:14px}.brand-grid{gap:16px}.brand-widget{height:214px;padding:12px}.brand-step{margin-bottom:12px}.brand-step b{font-size:20px}.brand-card>h3{font-size:19px!important;margin:16px 0 7px!important}.brand-card>p{font-size:13px}.brand-bottom{margin-top:20px;padding-top:16px}.brand-task+.brand-task{margin-top:11px;padding-top:11px}}

/* Neutral palette for the brand management illustration. */
#use-cases .brand-card{background:#101113;border-color:#303235}#use-cases .brand-widget{background:#151719;border-color:#323538}#use-cases .brand-intro h2 span{color:#e5e6e7}#use-cases .brand-step b,#use-cases .brand-card:after{color:#c5c9cc}#use-cases .brand-money.profit{background:#232629;border-color:#3b3f42}#use-cases .brand-money.profit b{color:#f1f2f3}#use-cases .brand-widget i:not(.brand-check){background:#d5d9dc}#use-cases .brand-widget i.gray{background:#767e84}#use-cases .brand-ring circle{stroke:#303438}#use-cases .brand-ring circle.value{stroke:#d5dadd}#use-cases .brand-gain{border-color:#3a3e41}#use-cases .brand-gain>b{color:#d3d7da}#use-cases .brand-bars b{background:#737c83}#use-cases .brand-bars>div:nth-child(2) b{background:#c8ced2}#use-cases .brand-bars>div>div{background:repeating-linear-gradient(90deg,#33373b 0 1px,transparent 1px 25%)}#use-cases .brand-insight{background:#222427;border-color:#404347}#use-cases .brand-insight>b{background:#b4b9be;color:#16181a}#use-cases .brand-task+.brand-task{border-color:#36393c}#use-cases .brand-task-title>span{background:#303438;color:#e1e4e6}#use-cases .brand-check.done{background:#c9ced1;color:#17191b}#use-cases .brand-assignee b{background:#303539;border-color:#586066;color:#e0e4e6}

#use-cases .brand-finance{grid-template-columns:minmax(0,2fr) minmax(100px,1fr);align-items:center}#use-cases .brand-profit{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}#use-cases .brand-ring{width:100px;height:100px;max-width:100%;margin:0;flex:none}#use-cases .brand-ring>div{inset:0;gap:0}#use-cases .brand-ring b{font-size:22px;line-height:1;font-weight:600}#use-cases .brand-ring-label{display:block;font-size:10px;line-height:1.3;color:#b8bfc4;text-align:center;white-space:nowrap}#use-cases .brand-assignee{margin-top:13px}#use-cases .brand-task+.brand-task{margin-top:20px;padding-top:20px}@media(max-width:1100px){#use-cases .brand-finance{grid-template-columns:minmax(0,1fr) 88px;gap:10px}#use-cases .brand-ring{width:84px;height:84px}#use-cases .brand-ring-label{font-size:9px}}@media(max-width:700px){#use-cases .brand-finance{grid-template-columns:minmax(0,1fr) 90px}#use-cases .brand-ring{width:88px;height:88px}}