:root{--customer-orange:#ff6338;--customer-orange-soft:#fff0eb;--customer-ink:#151513;--customer-muted:#706d66;--customer-line:#e6e2da;--customer-bg:#fbfaf7;--customer-green:#3c9b72}
.fup-customers-page{background:var(--customer-bg);color:var(--customer-ink);font-family:"DM Sans",sans-serif;font-size:14px;overflow:hidden}.fup-customers-page *{box-sizing:border-box}.fup-customers-page a{text-decoration:none}.fup-customers-container{width:min(1240px,calc(100% - 64px));margin:auto}.fup-customers-hero{position:relative;padding:54px 0 105px;min-height:760px;background:linear-gradient(180deg,#fbfaf7 0%,#f8f6f1 100%);overflow:hidden}.fup-customers-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.fup-customers-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.fup-customers-glow-one{width:480px;height:480px;background:rgba(255,99,56,.12);right:4%;top:40px}.fup-customers-glow-two{width:360px;height:360px;background:rgba(255,195,160,.12);left:-160px;bottom:-120px}.fup-customers-hero-copy{position:relative;z-index:2}.fup-customers-eyebrow{display:flex;align-items:center;gap:10px;color:var(--customer-orange);font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.fup-customers-eyebrow>span{width:9px;height:9px;background:var(--customer-orange);border-radius:50%;box-shadow:0 0 0 7px rgba(255,99,56,.12)}.fup-customers-hero h1{font-family:"Manrope",sans-serif;font-size:clamp(54px,6vw,84px);line-height:.99;letter-spacing:-.06em;margin:28px 0 26px;max-width:760px}.fup-customers-hero h1 em,.fup-customers-section h2 span,.fup-customers-control-grid h2 span,.fup-customers-report-grid h2 span{color:var(--customer-orange);font-style:normal}.fup-customers-hero-copy>p{font-size:18px;line-height:1.75;color:var(--customer-muted);max-width:680px}.fup-customers-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fup-customers-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;transition:.2s}.fup-customers-btn-primary{background:var(--customer-orange);color:#fff;box-shadow:0 14px 35px rgba(255,99,56,.18)}.fup-customers-btn-secondary{border:1px solid #d8d4cc;color:var(--customer-ink);background:#fff}.fup-customers-btn:hover{transform:translateY(-2px)}.fup-customers-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#68645d}.fup-customers-proof span{display:flex;align-items:center;gap:7px}.fup-customers-proof i{color:var(--customer-green)}
.fup-customers-visual{position:relative;z-index:2;padding:35px 10px 45px}.fup-customer-window{background:#11110f;border-radius:30px;padding:9px;box-shadow:0 35px 80px rgba(24,21,17,.18);transform:rotate(.4deg)}.fup-customer-window-top{height:54px;border-radius:23px 23px 0 0;background:#171715;color:#f3f1ec;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.fup-window-dots{display:flex;gap:6px}.fup-window-dots i{width:8px;height:8px;border-radius:50%;background:#68665f}.fup-customer-window-top strong{font-size:14px}.fup-customer-window-top>span{font-size:11px;color:#8f8c85}.fup-customer-toolbar{display:flex;gap:8px;padding:13px;background:#f3f1ed}.fup-customer-search,.fup-customer-filter,.fup-customer-new{background:#fff;border:1px solid #e3ded5;border-radius:9px;padding:9px 11px;font-size:10px;color:#79756d}.fup-customer-search{flex:1}.fup-customer-new{background:var(--customer-orange);border-color:var(--customer-orange);color:#fff;font-weight:700}.fup-customer-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px;background:#f3f1ed;border-radius:0 0 23px 23px}.fup-customer-column{background:#e9e6df;border-radius:12px;padding:9px;min-height:300px}.fup-customer-column header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:9px}.fup-customer-column header span{color:#77736b}.fup-customer-column article{background:#fff;border:1px solid #e1ddd5;border-radius:11px;padding:10px;display:flex;gap:8px;margin-bottom:8px;box-shadow:0 5px 15px rgba(30,27,22,.035)}.fup-customer-avatar{width:28px;height:28px;border-radius:9px;background:#ffe0d5;color:#c34b2b;display:grid;place-items:center;font-size:8px;font-weight:800;flex:none}.fup-avatar-two{background:#e1e9ff;color:#4663aa}.fup-avatar-three{background:#ddf0e6;color:#3d8462}.fup-avatar-four{background:#eee2ff;color:#7850a4}.fup-avatar-five{background:#fff0c9;color:#9a7423}.fup-customer-column article div:last-child{min-width:0}.fup-customer-column strong,.fup-customer-column small,.fup-customer-column em{display:block}.fup-customer-column strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fup-customer-column small{font-size:8px;color:#9a968e;margin-top:3px}.fup-customer-column em{font-size:8px;font-style:normal;color:var(--customer-orange);margin-top:6px}.fup-column-active{box-shadow:inset 0 0 0 1px rgba(255,99,56,.22)}.fup-customers-floating{position:absolute;background:#fff;border:1px solid #e2ddd5;border-radius:16px;box-shadow:0 20px 45px rgba(30,26,21,.12);display:flex;align-items:center;gap:10px;padding:13px 16px;z-index:4}.fup-customers-floating-top{right:-12px;top:3px;font-size:11px;font-weight:700}.fup-customers-floating-bottom{left:-18px;bottom:0}.fup-customers-floating-bottom>i{width:32px;height:32px;border-radius:10px;background:#e8f6ee;color:var(--customer-green);display:grid;place-items:center}.fup-customers-floating-bottom span{display:flex;flex-direction:column}.fup-customers-floating-bottom b{font-size:11px}.fup-customers-floating-bottom small{font-size:9px;color:#858179;margin-top:3px}.fup-customer-pulse{width:8px;height:8px;background:var(--customer-green);border-radius:50%;box-shadow:0 0 0 5px #e5f5ed}
.fup-customers-section{padding:110px 0;border-top:1px solid var(--customer-line)}.fup-customers-section-head{display:grid;grid-template-columns:190px minmax(0,1fr);gap:45px;margin-bottom:55px}.fup-customers-index{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.13em;color:#8a867e;padding-top:7px}.fup-customers-section h2,.fup-customers-control-grid h2,.fup-customers-report-grid h2{font-family:"Manrope",sans-serif;font-size:clamp(40px,4.5vw,62px);line-height:1.04;letter-spacing:-.05em;margin:0 0 18px}.fup-customers-section-head p,.fup-customers-control-grid>div>p,.fup-customers-report-grid>div>p{font-size:17px;line-height:1.75;color:var(--customer-muted);max-width:780px;margin:0}.fup-customers-centered{display:block;text-align:center;max-width:850px;margin:0 auto 55px}.fup-customers-centered .fup-customers-index{margin-bottom:15px}
.fup-customers-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.fup-customers-feature{background:#fff;border:1px solid var(--customer-line);border-radius:23px;padding:28px;min-height:310px;box-shadow:0 10px 35px rgba(20,18,14,.03)}.fup-customers-feature-wide{grid-column:span 2;display:grid;grid-template-columns:54px 1fr;gap:18px}.fup-customers-icon{width:48px;height:48px;border-radius:14px;background:var(--customer-orange-soft);color:var(--customer-orange);display:grid;place-items:center;font-size:20px;margin-bottom:20px}.fup-customers-feature-wide .fup-customers-icon{grid-row:span 2}.fup-customers-feature small{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;color:#89857d}.fup-customers-feature h3{font-size:21px;line-height:1.2;margin:8px 0 10px;letter-spacing:-.025em}.fup-customers-feature p{color:var(--customer-muted);line-height:1.65;margin:0 0 16px}.fup-customers-feature ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.fup-customers-feature li{font-size:12px;color:#625e56}.fup-customers-feature li:before{content:"✓";color:var(--customer-green);font-weight:800;margin-right:7px}
.fup-customers-dark{background:#151513;color:#fff}.fup-customers-dark .fup-customers-index{color:#8b8880}.fup-customers-dark .fup-customers-centered p{color:#a4a19a}.fup-customers-journey{display:flex;align-items:stretch;justify-content:center}.fup-customers-journey article{width:185px;min-height:200px;border:1px solid #36352f;background:#1b1b18;border-radius:19px;padding:20px;display:flex;flex-direction:column}.fup-customers-journey article span{font-family:"DM Mono",monospace;color:#8b8880;font-size:10px}.fup-customers-journey article i{color:var(--customer-orange);font-size:24px;margin:18px 0 12px}.fup-customers-journey article b{font-size:16px}.fup-customers-journey article small{color:#96938b;line-height:1.5;font-size:11px;margin-top:7px}.fup-customers-journey article.active{background:var(--customer-orange);border-color:var(--customer-orange)}.fup-customers-journey article.active span,.fup-customers-journey article.active i,.fup-customers-journey article.active small{color:#fff}.fup-customers-journey>div{width:30px;height:1px;background:#3b3934;align-self:center}.fup-customers-context{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px;padding:34px;border:1px solid #35342f;border-radius:23px;background:#1b1b18}.fup-customers-mini-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;color:#8c8981}.fup-customers-context h3{font-size:32px;letter-spacing:-.04em;margin:10px 0}.fup-customers-context p{color:#aaa69f;line-height:1.7;margin:0}.fup-customers-context-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:center}.fup-customers-context-list span{display:flex;gap:8px;color:#d8d5cf}.fup-customers-context-list i{color:var(--customer-orange)}
.fup-customers-pipeline{background:#f7f5f1}.fup-customers-control-grid,.fup-customers-report-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.fup-customers-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.fup-customers-checks span{display:flex;align-items:center;gap:8px;font-weight:600}.fup-customers-checks i{color:var(--customer-orange)}.fup-pipeline-panel{background:#171715;color:#fff;border-radius:24px;padding:21px;box-shadow:0 25px 60px rgba(18,16,13,.13)}.fup-pipeline-head{display:flex;justify-content:space-between;color:#89867e;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em;padding:4px 4px 16px}.fup-pipeline-stage{display:flex;align-items:center;padding:16px 5px;border-top:1px solid #2f2e2a}.fup-pipeline-stage span{flex:1;display:flex;gap:9px;align-items:center;color:#d9d6d0}.fup-pipeline-stage span i{width:8px;height:8px;border-radius:50%;background:var(--customer-orange)}.fup-pipeline-stage b{width:55px;font-size:20px}.fup-pipeline-stage em{font-style:normal;font-size:10px;color:#70b48f}.fup-pipeline-total{border-top:1px solid #2f2e2a;padding:20px 5px 4px}.fup-pipeline-total small{display:block;color:#89867e;font-family:"DM Mono",monospace;font-size:9px}.fup-pipeline-total strong{display:block;font-size:38px;margin-top:6px}.fup-pipeline-total span{font-size:10px;color:#89867e}
.fup-customers-team{background:#fff}.fup-customers-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fup-customers-team-grid article{border:1px solid var(--customer-line);border-radius:20px;padding:25px;min-height:205px}.fup-customers-team-grid article>i{font-size:23px;color:var(--customer-orange)}.fup-customers-team-grid h3{font-size:19px;margin:25px 0 9px}.fup-customers-team-grid p{color:var(--customer-muted);line-height:1.65;margin:0}
.fup-customers-reporting{background:#fbfaf7}.fup-customers-report-card{background:#171715;color:#fff;border-radius:25px;padding:22px;box-shadow:0 25px 60px rgba(18,16,13,.12)}.fup-report-card-head{display:flex;justify-content:space-between;color:#8c8981;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em}.fup-report-card-head i{font-size:14px}.fup-report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.fup-report-metrics div{border:1px solid #302f2b;border-radius:13px;padding:14px}.fup-report-metrics small{display:block;color:#89867f;font-family:"DM Mono",monospace;font-size:9px}.fup-report-metrics strong{display:block;font-size:28px;margin-top:6px}.fup-report-bars{height:120px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #32312d;margin-top:25px}.fup-report-bars i{flex:1;background:var(--customer-orange);border-radius:4px 4px 0 0;opacity:.8}.fup-report-legend{display:flex;justify-content:space-between;padding-top:12px;font-size:10px;color:#8d8a82}.fup-report-legend span{display:flex;gap:6px;align-items:center}.fup-report-legend i{width:7px;height:7px;background:var(--customer-orange);border-radius:50%}.fup-report-legend b{font-weight:400}
.fup-customers-faq{background:#f4f2ed}.fup-customers-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.fup-customers-faq-grid h2{margin-top:12px}.fup-customers-faq-grid>div>p{color:var(--customer-muted);line-height:1.7}.fup-customers-faq-list{border-top:1px solid #dcd8d0}.fup-customers-faq-list details{border-bottom:1px solid #dcd8d0}.fup-customers-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-weight:700}.fup-customers-faq-list summary::-webkit-details-marker{display:none}.fup-customers-faq-list summary i{color:#77736b;transition:.2s}.fup-customers-faq-list details[open] summary i{transform:rotate(45deg);color:var(--customer-orange)}.fup-customers-faq-list p{color:var(--customer-muted);line-height:1.7;margin:0 30px 20px 0}
.fup-customers-cta{position:relative;background:#171715;color:#fff;padding:90px 0;overflow:hidden}.fup-customers-cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,99,56,.14);filter:blur(80px);right:-150px;top:-260px}.fup-customers-cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px}.fup-customers-eyebrow-light{color:#fff}.fup-customers-cta h2{font-family:"Manrope",sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:15px 0}.fup-customers-cta h2 em{color:var(--customer-orange);font-style:normal}.fup-customers-cta p{color:#a5a29b;font-size:16px;line-height:1.7;max-width:700px;margin:0}.fup-customers-btn-light{background:#fff;color:#171715}.fup-customers-btn-outline{border:1px solid #484640;color:#fff}.fup-customers-btn-outline:hover{border-color:#77736a}
@media(max-width:1100px){.fup-customers-hero-grid{grid-template-columns:1fr;gap:45px}.fup-customers-hero-copy{max-width:800px}.fup-customers-visual{max-width:800px}.fup-customers-feature-grid{grid-template-columns:repeat(2,1fr)}.fup-customers-feature-wide{grid-column:span 2}.fup-customers-team-grid{grid-template-columns:repeat(2,1fr)}.fup-customers-control-grid,.fup-customers-report-grid,.fup-customers-faq-grid{grid-template-columns:1fr;gap:45px}.fup-customers-cta-inner{display:block}.fup-customers-cta-inner .fup-customers-actions{margin-top:30px}}
@media(max-width:850px){.fup-customers-journey{flex-direction:column}.fup-customers-journey article{width:100%;min-height:0}.fup-customers-journey>div{width:1px;height:25px;margin:auto}.fup-customers-context{grid-template-columns:1fr}.fup-customers-section-head{grid-template-columns:1fr;gap:15px}.fup-customers-index{padding-top:0}}
@media(max-width:650px){.fup-customers-container{width:min(100% - 30px,1240px)}.fup-customers-hero{padding:45px 0 70px;min-height:0}.fup-customers-hero h1{font-size:49px}.fup-customers-hero-copy>p{font-size:16px}.fup-customer-board{grid-template-columns:1fr}.fup-customer-column{min-height:0}.fup-customer-board .fup-customer-column:nth-child(3){display:none}.fup-customers-floating-top{right:0}.fup-customers-floating-bottom{left:0}.fup-customers-feature-grid,.fup-customers-team-grid{grid-template-columns:1fr}.fup-customers-feature-wide{grid-column:span 1;display:block}.fup-customers-feature-wide .fup-customers-icon{margin-bottom:20px}.fup-customers-feature ul,.fup-customers-checks,.fup-customers-context-list{grid-template-columns:1fr}.fup-customers-section{padding:78px 0}.fup-customers-section h2,.fup-customers-control-grid h2,.fup-customers-report-grid h2{font-size:40px}.fup-customers-cta{padding:70px 0}}
.fup-customer-card-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.fup-customer-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.fup-customer-mini-stats span{background:#fff;border:1px solid #e1ddd5;border-radius:9px;padding:9px;text-align:center}.fup-customer-mini-stats b{display:block;font-size:16px}.fup-customer-mini-stats small{display:block;color:#89857d;font-size:7px;margin-top:2px}.fup-customers-hero .fup-lead-toolbar{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid #e7e3dc}.fup-customers-hero .fup-lead-search,.fup-customers-hero .fup-lead-filter,.fup-customers-hero .fup-lead-new{font-size:9px;border:1px solid #e3dfd8;border-radius:7px;padding:7px 9px;background:#fff}.fup-customers-hero .fup-lead-search{flex:1;color:#969189}.fup-customers-hero .fup-lead-new{background:#ff6338;color:#fff;border-color:#ff6338}.fup-customers-page .fup-window-dots i,.fup-customers-page .fup-customer-window-top{color:#171715}.fup-customers-page .fup-customer-window{background:#fff;border:11px solid #171715;border-radius:28px;box-shadow:0 25px 70px rgba(20,18,14,.16);overflow:hidden}.fup-customers-page .fup-customer-window-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e8e4dc;font-size:12px}.fup-customers-page .fup-customer-window-top>span{font-size:9px;color:#8b877f}.fup-customers-page .fup-window-dots{display:flex;gap:5px}.fup-customers-page .fup-window-dots i{width:7px;height:7px;border-radius:50%;background:#d5d1c8}.fup-customers-page .fup-customers-floating-top{top:35px}.fup-customers-page .fup-customers-floating-bottom{bottom:20px}.fup-customers-page .fup-customers-floating{z-index:3}.fup-customers-page .fup-customers-feature span,.fup-customers-page .fup-customers-feature li{font-size:13px}@media(max-width:700px){.fup-customer-card-board{grid-template-columns:1fr}.fup-customer-card-board .fup-customer-column:nth-child(2){display:none}}

/* V2 hero mockup correction */
.fup-customers-page .fup-customer-column article{align-items:flex-start}
.fup-customers-page .fup-customer-column article strong{line-height:1.25}
.fup-customers-page .fup-customer-column article small{line-height:1.35;white-space:normal}
.fup-customers-page .fup-customer-column article em{line-height:1.25}
.fup-customers-page .fup-customer-avatar{flex:0 0 28px}
.fup-customers-page .fup-customer-column{min-width:0}
.fup-customers-page .fup-customer-window{transform:rotate(.25deg)}