/* CreatorEarn 2.3 — Referenzlayout Mockup 1 (Landingpage) + Mockup 4 (Dashboard) */
:root{--ce-bg:#090914;--ce-panel:#171326;--ce-purple:#bc45f7;--ce-pink:#e652f7;--ce-cyan:#22daf3;--ce-line:#54406e}
html{background:var(--ce-bg)}body{background:var(--ce-bg)}
.ce-landing{background:#090914;color:#faf6ff}
.ce-public-nav{background:rgba(8,8,18,.97);border-bottom:1px solid #352346}
.ce-public-nav .site-nav-inner{max-width:1680px;min-height:72px;padding:0 clamp(22px,3vw,54px)}
.ce-public-nav .brand-logo{font-size:29px;letter-spacing:-.055em}
.ce-public-nav .links{gap:26px;align-items:center}
.ce-public-nav .links a{font-size:13px;color:#f1e6f6}
.ce-public-nav .links .selected{border-radius:999px;background:linear-gradient(120deg,#57237f,#3b125b);border:1px solid #854bba;box-shadow:0 0 12px #8e23f444;color:white;padding:9px 22px}
.ce-public-nav .links a svg{height:12px;width:12px;vertical-align:middle;margin-left:1px}
.ce-public-nav .nav-actions .btn.ghost{padding:9px 19px}
.ce-public-nav .nav-actions .btn.primary{padding:10px 22px}
.ce-nav-search{border:1px solid #59496d!important;border-radius:50%!important;height:38px;width:38px}
.ce-hero{position:relative;max-width:1720px;min-height:488px;margin:0 auto;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 0% 55%,#39105165,transparent 37%),#090914}
.ce-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 84% 45%,#7b24af38,transparent 45%);pointer-events:none}
.ce-hero-photo{position:absolute;right:0;top:0;width:min(68%,1055px);height:100%;z-index:-1;pointer-events:none}
.ce-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}
.ce-hero-copy{position:relative;z-index:2;width:min(50%,770px);padding-left:clamp(30px,5vw,85px);padding-top:8px;padding-bottom:13px}
.ce-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:12px;padding:9px 15px;border:1px solid #74538f;border-radius:999px;background:#190e27e3;color:#eedaf8;white-space:nowrap;box-shadow:0 2px 22px #0005;margin-bottom:18px}
.ce-kicker svg{width:17px;height:17px;color:#df8eff}
.ce-hero h1{font-weight:850;font-size:clamp(37px,3.25vw,58px);line-height:1.06;letter-spacing:-.04em;max-width:780px;margin:0 0 17px;white-space:nowrap;text-wrap:initial;text-shadow:0 2px 15px #0007}
.ce-hero .grad-text{background-image:linear-gradient(100deg,#fa91e8 0%,#b66dff 47%,#20d9ff 100%)}
.ce-hero-copy>p{max-width:575px;line-height:1.45;font-size:16px;color:#f4eaf9;text-shadow:0 2px 10px #0009}
.ce-hero-buttons{display:flex;gap:14px;margin:23px 0 29px;align-items:center}
.ce-hero-buttons .btn{padding:12px 21px;min-height:46px;box-shadow:0 6px 22px #05040d8c}
.ce-hero-buttons .primary{box-shadow:0 0 20px #9c27ff80,0 6px 30px #0009}
.ce-benefits{display:flex;align-items:flex-start;gap:19px;flex-wrap:nowrap}
.ce-benefits>span{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;max-width:185px}
.ce-benefits svg{grid-row:1/3;color:#d581f8;width:25px;height:25px;margin-top:1px}
.ce-benefits b{font-weight:750;font-size:11px;white-space:nowrap}
.ce-benefits small{font-size:9px;color:#c9b8d5;line-height:1.5}
.ce-features{max-width:1672px;margin:0 auto;padding:0 clamp(26px,3vw,51px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:2;transform:translateY(-1px)}
.ce-features .feature-card{min-height:104px;border-radius:14px;padding:16px 18px 14px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;align-content:center;background:linear-gradient(135deg,#231737ee,#101628ee);border:1px solid #63517e;box-shadow:0 10px 24px #0007, 0 2px 0 #a344ed30}
.ce-features .feature-card:nth-child(2){border-bottom:2px solid #d551ff}.ce-features .feature-card:nth-child(3){border-bottom:2px solid #11d9f7}.ce-features .feature-card:nth-child(4){border-bottom:2px solid #3be7fe}
.ce-features .feature-card svg{grid-row:1/3;width:35px;height:35px;margin:6px 0 0;filter:drop-shadow(0 0 8px #c948ff77)}
.ce-features .feature-card h3{font-size:14px;margin:0 0 6px;letter-spacing:-.02em}
.ce-features .feature-card p{font-size:11px;line-height:1.5;color:#d0c1d7}
.ce-audiences{max-width:1672px;margin:24px auto 0;padding:0 clamp(26px,3vw,51px) 52px;display:grid;grid-template-columns:minmax(290px,1.43fr) repeat(3,minmax(0,1fr));gap:16px}
.ce-audience-intro{align-self:center;padding-right:22px}
.ce-audience-intro h2{font-size:clamp(27px,2.1vw,38px);line-height:1.08;letter-spacing:-.035em}
.ce-audience-intro p{margin-top:17px;font-size:13px;color:#d0c0df;line-height:1.7;max-width:450px}
.ce-audience-card{background:#131326;border:1px solid #594872;border-radius:18px;overflow:hidden;position:relative;min-height:172px;box-shadow:0 12px 31px #0007;display:flex;flex-direction:column;justify-content:end;transition:transform .25s ease,box-shadow .25s ease}
.ce-audience-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #200c4188}
.ce-audience-img{position:absolute;inset:0}
.ce-audience-img img{height:100%;width:100%;object-fit:cover;object-position:50% 10%;filter:saturate(1.2)}
.ce-audience-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#100d1a77 43%,#0e0c17ed 90%)}
.ce-audience-text{z-index:2;padding:16px 15px;position:relative;min-height:98px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start}
.ce-audience-text h3{font-size:13px;line-height:1.2;max-width:calc(100% - 31px);margin:9px 0 0;letter-spacing:-.02em}
.ce-tag{display:inline-block;background:#67219a;border:1px solid #b762f5;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;color:#f5e7ff}
.ce-tag.blue{background:#075b91;border-color:#26a8ff}
.ce-arrow{position:absolute;right:12px;bottom:13px;background:linear-gradient(120deg,#a430ff,#7a1fe5);border:1px solid #d562ff;display:grid;place-items:center;color:white;width:30px;height:30px;border-radius:9px;box-shadow:0 0 17px #b127f8a8;cursor:pointer}
.ce-arrow svg{width:16px;height:16px}
.ce-below{max-width:1550px;margin:75px auto 0;padding:30px 48px 20px}.ce-below-heading{text-align:center}.ce-below-heading span,.ce-bottom-cta span{letter-spacing:.19em;font-size:11px;color:#ca83ff;font-weight:900}
.ce-below-heading h2{font-size:clamp(27px,3vw,43px);margin:13px 0}.ce-below-heading p{font-size:14px;color:#bdb2d0}
.ce-below-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.ce-below-cards article{padding:30px;border-radius:18px;background:linear-gradient(140deg,#211333,#101326);border:1px solid #594373}.ce-below-cards svg{color:#d868fa;width:30px;height:30px}.ce-below-cards h3{margin:15px 0 9px}.ce-below-cards p{font-size:13px;color:#b7aac8}
.ce-bottom-cta{max-width:1455px;margin:70px auto;padding:37px 45px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(circle at 83% 55%,#8126bc55,transparent 45%),#151025;border:1px solid #694580;border-radius:22px}.ce-bottom-cta h2{font-size:32px;margin:7px 0}.ce-bottom-cta p{max-width:675px;font-size:13px;color:#c7bad8}.ce-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:35px max(30px,calc((100vw - 1520px)/2)) 60px;border-top:1px solid #2f233e}.ce-footer p,.ce-footer small{font-size:11px;color:#aba1bd}.ce-footer>div:last-child{display:flex;gap:24px;font-size:12px}

/* Dashboard matches mockup 4. All charts/cards below are actual HTML/SVG UI. */
.app-shell{grid-template-columns:252px minmax(0,1fr);background:#0b0918}
.sidebar{background:radial-gradient(circle at 50% 92%,#5813a744,transparent 42%),#0b0919;border-right:1px solid #302243;padding:18px 14px}
.sidebar-top{padding:2px 11px 21px}.sidebar-top .brand-logo{font-size:23px}.sidebar-nav{gap:3px}.sidebar-nav button{min-height:43px;border-radius:10px;font-size:13px;padding:8px 13px;color:#d8d0e4}
.sidebar-nav button.active{background:linear-gradient(110deg,#b31afe,#6d1ac8);box-shadow:0 0 23px #a627f866}
.sidebar .pro-card{background:linear-gradient(145deg,#421d70,#220e45 55%,#561087);box-shadow:0 0 27px #b221fd85;position:relative;overflow:hidden}
.sidebar .pro-card .btn{margin-top:13px}
.ce-topbar{height:76px;background:#100d20;border-bottom:1px solid #342748;gap:16px;padding:0 24px;position:sticky;top:0}
.ce-topbar .top-search{max-width:570px;background:#171127;border:1px solid #4c3c6a;height:42px}.ce-topbar .top-search kbd{margin-left:auto}
.ce-topbar .top-user{margin-left:5px}.ce-topbar .top-user .avatar{width:44px;height:44px;border:1px solid #ae56f4}
.ce-topbar .icon-btn{color:#efe5ff}.ce-topbar .ce-top-create{box-shadow:0 0 17px #b828ed88;font-size:12px;height:43px}
.main-area{background:radial-gradient(circle at 88% 18%,#51168b16,transparent 27%),#0b0a1b}
.app-content{max-width:none;padding:0 25px 40px}
.ce-dash-banner{height:110px;margin:0 0 5px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#1a102c 0%,#201137 43%,#0d0b1d 100%);border-bottom:1px solid #3c285c;border-radius:0 0 2px 2px;padding:18px 18px}
.ce-dash-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 62% 40%,#ba29ff22,transparent 30%),repeating-radial-gradient(ellipse at 90% 50%,transparent 0 14px,#e032ef13 15px 16px);pointer-events:none}
.ce-dash-banner .ce-banner-copy{position:relative;z-index:2;max-width:65%}
.ce-dash-banner h1{font-size:25px;letter-spacing:-.04em;font-weight:900;margin:0 0 8px;color:#fff}
.ce-dash-banner p{font-size:12px;color:#cfc0dc}
.ce-dash-banner>img{position:absolute;right:12%;top:-5px;height:117px;width:auto;max-width:50%;object-fit:contain;filter:drop-shadow(0 0 8px #842affbb)}
.ce-sample-label{position:absolute;z-index:3;right:14px;bottom:9px;color:#ac93c5;font-size:10px;background:#1b113087;border:1px solid #463262;padding:4px 9px;border-radius:99px}
.ce-dashboard-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1.15fr) minmax(0,.99fr);grid-template-rows:76px 218px minmax(204px,auto) 122px;gap:13px;align-items:stretch}
.ce-dash-kpis{grid-column:1/3;grid-row:1;display:grid;grid-template-columns:1.15fr .91fr .8fr 1.03fr;gap:12px;min-width:0}
.ce-kpi{background:linear-gradient(130deg,#24113b,#131329);border:1px solid #594179;border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:9px;min-width:0;box-shadow:0 4px 22px #0006,inset 0 1px 0 #ffffff10}
.ce-kpi:nth-child(1){background:linear-gradient(120deg,#41136b,#211038)}
.ce-kpi:nth-child(2){border-bottom-color:#06bbe2}.ce-kpi:nth-child(4){border-bottom-color:#00e6f4}
.ce-kpi>svg{color:#d85bff;width:29px;height:29px;flex:0 0 29px;filter:drop-shadow(0 0 10px #ce35ff);margin-left:3px}
.ce-kpi>div{min-width:0;flex:1}.ce-kpi small{color:#dbc5e2;display:block;font-size:10px;white-space:nowrap}.ce-kpi strong{display:block;font-size:clamp(17px,1.55vw,23px);font-weight:900;letter-spacing:-.04em;margin-top:4px;white-space:nowrap}
.ce-rise{font-size:10px;font-weight:800;white-space:nowrap;border-radius:999px;background:#073f36;color:#4decab;padding:4px 6px}
.ce-box{background:linear-gradient(145deg,#1b142e,#111426);border:1px solid #504065;border-radius:15px;padding:14px;min-width:0;box-shadow:0 7px 28px #0005;overflow:hidden}
.ce-box .panel-heading{margin:0 0 11px}.ce-box .panel-heading h3{font-size:15px;line-height:1.2;letter-spacing:-.025em;gap:8px}.ce-box .panel-heading .icon{color:#dd57ff;width:19px;height:19px}.ce-box .text-link{font-size:10px}
.ce-chart-box{grid-column:1;grid-row:2}.ce-income-box{grid-column:2;grid-row:2}.ce-spotlight{grid-column:3;grid-row:1/3;align-self:start;margin-top:25px;height:214px}.ce-campaign-box{grid-column:1;grid-row:3}.ce-insights{grid-column:2;grid-row:3}.ce-pipeline{grid-column:3;grid-row:3}.ce-fast{grid-column:1/-1;grid-row:4;padding:12px 15px}
.ce-chart-box .line-chart{height:167px;margin:0}.ce-chart-box .line-chart svg{height:100%;width:100%}
.ce-income-box .donut-wrap{gap:11px;padding:2px 0}.ce-income-box .donut{width:148px;height:148px;flex:0 0 148px}
.ce-income-box .donut-center{width:108px;height:108px}.ce-income-box .donut-center strong{font-size:15px}
.ce-income-box .legend{gap:8px}.ce-income-box .legend-row{font-size:11px}.ce-income-box .legend-label{font-size:10px;gap:6px}
.ce-spotlight{padding:12px}.ce-spotlight .ce-creator-row{display:flex;align-items:center;gap:9px;padding:7px 0;min-width:0;border-bottom:1px solid #392b48}
.ce-spotlight .ce-creator-row:last-child{border-bottom:0}.ce-creator-row img{height:42px;width:42px;object-fit:cover;border-radius:12px;border:1px solid #9446bd}
.ce-creator-row>div{min-width:0;flex:1}.ce-creator-row b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-creator-row small{font-size:9px;color:#c2aacd;display:block;margin-top:3px}.ce-creator-row .ce-rise{font-size:9px}
.ce-campaign-box{padding:12px}.ce-campaign-box .ce-campaign-table{display:grid;gap:0}.ce-campaign-head,.ce-campaign-record{display:grid;grid-template-columns:minmax(190px,2.1fr) .9fr .8fr .75fr .8fr;align-items:center;gap:7px}
.ce-campaign-head{font-size:9px;color:#bfb3d1;border-bottom:1px solid #493657;padding:7px 4px 8px}.ce-campaign-record{font-size:10px;padding:7px 4px;border-bottom:1px solid #2e2640}.ce-campaign-record>div{display:flex;align-items:center;gap:8px;min-width:0}.ce-campaign-record .campaign-mark{width:30px;height:30px;flex-basis:30px;border-radius:8px}.ce-campaign-record .campaign-mark svg{width:16px;height:16px}.ce-campaign-record b{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-campaign-record small{display:block;font-size:9px;color:#b9a8c5;overflow:hidden;white-space:nowrap}.ce-campaign-record mark{background:#073d33;color:#58eaba;border-radius:8px;font-size:10px;padding:3px 5px}
.ce-insight-content{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}.ce-insight-left strong{display:block;font-size:28px;letter-spacing:-.05em}.ce-insight-left small{display:block;color:#b7a8c3;font-size:10px;margin:5px 0 10px}.ce-gender{display:flex;gap:14px;margin-top:16px;color:#e8b5fb;font-size:12px;font-weight:800}.ce-insight-bars{display:grid;gap:11px;padding-top:5px}.ce-insight-bars>div{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;align-items:center;gap:6px;font-size:10px;color:#e3d9ec}.ce-insight-bars i{height:10px;border-radius:4px;background:#342841;overflow:hidden}.ce-insight-bars i b{height:100%;display:block;background:linear-gradient(90deg,#a622ee,#e638ef);border-radius:4px}.ce-insight-bars small{font-size:9px;color:#cebfde;text-align:right}
.ce-pipeline{padding:12px}.ce-deal-record{display:flex;align-items:center;gap:9px;border-bottom:1px solid #30283f;padding:9px 0;min-width:0}.ce-deal-record .ce-deal-icon{width:24px;height:24px;flex:0 0 24px;border-radius:9px;background:#56217e;display:grid;place-items:center;color:#fc8cff}.ce-deal-record .ce-deal-icon svg{width:15px;height:15px}.ce-deal-record>div{flex:1;min-width:0}.ce-deal-record strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-deal-record small{font-size:9px;color:#a99ab5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.ce-deal-record .status{font-size:9px;padding:4px 8px}
.ce-fast .ce-fast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ce-fast-grid button{border:1px solid #5b377e;background:radial-gradient(circle at 50% 0%,#7f2caf33,transparent 65%),#221632;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#f6eafa;min-height:73px;font-size:11px;font-weight:700;cursor:pointer}.ce-fast-grid svg{color:#ed6efb;width:22px;height:22px;filter:drop-shadow(0 0 8px #f339ffbb)}.ce-fast-grid button:hover{border-color:#c267f1;transform:translateY(-2px)}
.ce-data-disclaimer{font-size:10px;color:#a590b6;text-align:center;margin:13px 0 0}
/* mockup-equivalent navigation for the other interactive demo pages */
.main-area .page-header{padding-top:28px}.main-area .page-grid,.main-area .card-grid{margin-top:4px}

@media(max-width:1450px){
.ce-hero-copy{width:53%;padding-left:40px}.ce-hero h1{font-size:clamp(34px,3.4vw,53px)}.ce-hero-photo{width:67%}
.ce-features{gap:10px}.ce-features .feature-card{padding:14px 12px;column-gap:7px}
.ce-audiences{grid-template-columns:minmax(250px,1.1fr) repeat(3,minmax(0,1fr));gap:10px}
.ce-dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1.12fr) minmax(0,1fr)}
.ce-kpi{padding:8px 9px;gap:6px}.ce-kpi>svg{width:22px;height:22px;flex-basis:22px}.ce-kpi strong{font-size:18px}.ce-kpi .ce-rise{font-size:9px}
.ce-campaign-head,.ce-campaign-record{grid-template-columns:minmax(140px,2fr) .65fr .7fr .65fr .75fr}
.ce-income-box .donut{width:117px;height:117px;flex-basis:117px}.ce-income-box .donut-center{width:82px;height:82px}.ce-income-box .donut-center strong{font-size:12px}
}
@media(max-width:1150px){
.ce-public-nav .links{gap:10px}.ce-public-nav .links a{font-size:11px}.ce-public-nav .brand-logo{font-size:24px}
.ce-hero{min-height:475px}.ce-hero-copy{width:57%}.ce-hero-photo{width:69%;opacity:.76}.ce-benefits{gap:10px}.ce-benefits small{font-size:8px}
.ce-features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.ce-audiences{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-audience-intro{grid-column:1/-1;padding:0 0 7px}
.app-shell{grid-template-columns:216px 1fr}.ce-topbar{padding:0 15px;gap:8px}.ce-topbar .ce-top-create{padding:10px;font-size:11px}.ce-topbar .top-search{max-width:300px}
.ce-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto}
.ce-dash-kpis{grid-column:1/-1;grid-row:1;height:75px}.ce-chart-box{grid-column:1;grid-row:2}.ce-income-box{grid-column:2;grid-row:2}.ce-campaign-box{grid-column:1;grid-row:3}.ce-insights{grid-column:2;grid-row:3}.ce-spotlight{grid-column:1;grid-row:4;margin-top:0;height:auto}.ce-pipeline{grid-column:2;grid-row:4}.ce-fast{grid-column:1/-1;grid-row:5}
}
@media(max-width:900px){
.ce-public-nav .site-nav-inner{padding:0 20px}.ce-public-nav .links{display:none}.ce-nav-search{display:none}
.ce-hero{min-height:700px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start}.ce-hero-copy{width:100%;padding:48px 24px 0}.ce-hero h1{font-size:clamp(37px,5.5vw,52px)}.ce-hero-photo{width:100%;height:350px;top:auto;bottom:0;opacity:1;overflow:hidden}.ce-hero-photo img{object-fit:cover;object-position:60% center}.ce-benefits{max-width:550px}
.ce-audiences{margin-top:23px}.ce-below{padding:30px 24px}.ce-bottom-cta{margin:50px 20px}.ce-footer{padding:35px 24px}
.ce-dashboard-grid{grid-template-columns:1fr 1fr}
.ce-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.ce-dash-banner h1{font-size:22px}.ce-dash-banner>img{right:0;opacity:.65}
.ce-chart-box,.ce-income-box,.ce-campaign-box,.ce-insights,.ce-spotlight,.ce-pipeline,.ce-fast{grid-column:auto;grid-row:auto;height:auto}
.ce-fast{grid-column:1/-1}.ce-campaign-box{grid-column:1/-1}.ce-dash-kpis{grid-column:1/-1}
.ce-dashboard-grid{grid-template-rows:none;grid-auto-rows:auto;gap:12px}
}
@media(max-width:650px){
.ce-public-nav .site-nav-inner{min-height:63px;padding:0 14px}.ce-public-nav .brand-logo{font-size:22px}.ce-public-nav .nav-actions>.btn.primary{font-size:11px;padding:8px 10px}.ce-public-nav .nav-actions>.btn.ghost{display:none}
.ce-hero{min-height:692px}.ce-hero-copy{padding:28px 18px 0}.ce-kicker{font-size:10px;max-width:100%;white-space:normal;line-height:1.5}.ce-hero h1{font-size:clamp(29px,8.8vw,43px);white-space:normal}.ce-hero-copy>p{font-size:13px;max-width:500px}.ce-hero-buttons{flex-wrap:wrap;gap:9px;margin:17px 0 19px}.ce-hero-buttons .btn{font-size:12px;min-height:41px;padding:9px 12px}
.ce-benefits{gap:10px;flex-wrap:wrap}.ce-benefits>span{min-width:115px;max-width:175px}.ce-benefits small{font-size:8px}.ce-hero-photo{height:315px}.ce-hero-photo img{object-position:60% center}
.ce-features{padding:0 13px;grid-template-columns:1fr 1fr;gap:8px}.ce-features .feature-card{grid-template-columns:1fr;min-height:120px;gap:5px;padding:12px}.ce-features .feature-card svg{grid-row:auto;width:24px;height:24px;margin:0}.ce-features .feature-card h3{font-size:12px}.ce-features .feature-card p{font-size:10px}
.ce-audiences{padding:0 13px 30px;grid-template-columns:1fr;gap:12px}.ce-audience-intro h2{font-size:28px}.ce-audience-card{min-height:170px}.ce-audience-card img{object-fit:cover}
.ce-below{margin:40px 0 0;padding:18px 16px}.ce-below-cards{grid-template-columns:1fr;gap:12px}.ce-bottom-cta{padding:25px 20px;flex-direction:column;align-items:flex-start}.ce-footer{flex-direction:column;align-items:flex-start;padding:28px 16px}
.ce-topbar .ce-top-create{display:none}.ce-topbar .top-search{max-width:38px}.ce-dash-banner{height:122px;padding:17px 11px}.ce-dash-banner h1{font-size:19px}.ce-dash-banner p{font-size:11px}.ce-dash-banner .ce-banner-copy{max-width:84%}.ce-dash-banner>img{right:-60px;height:125px;opacity:.28}.ce-sample-label{right:5px;bottom:3px;font-size:8px}
.app-content{padding:0 10px 30px}.ce-dashboard-grid{display:flex;flex-direction:column;gap:10px}.ce-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ce-kpi{min-height:84px;flex-wrap:wrap;gap:5px;padding:9px}.ce-kpi>svg{width:20px;height:20px;flex-basis:20px}.ce-kpi small{font-size:10px}.ce-kpi strong{font-size:18px}.ce-kpi .ce-rise{margin-left:auto}.ce-box{padding:12px}.ce-chart-box .line-chart{height:175px}.ce-income-box .donut{width:145px;height:145px;flex-basis:145px}.ce-income-box .donut-center{width:106px;height:106px}.ce-campaign-box{overflow-x:auto}.ce-campaign-head,.ce-campaign-record{min-width:520px}.ce-insight-content{grid-template-columns:1fr 1fr}.ce-fast .ce-fast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-fast-grid button{min-height:68px}
}
@media(prefers-reduced-motion:reduce){.ce-audience-card{transition:none}}
@media(max-width:650px){
.ce-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}
.ce-hero-copy{order:1;padding-bottom:0}
.ce-hero-photo{order:2;position:relative;inset:auto;width:100%;height:290px;min-height:290px;margin-top:15px;z-index:0}
.ce-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:30% center}
.ce-benefits{margin:4px 0 0}
}

@media(max-width:650px){.ce-hero h1{font-size:31px}}