.crm-guide-page{--guide-ink:#10243f;--guide-blue:#4162ed;--guide-gold:#c89c54;--guide-line:#e3eaf1;--guide-muted:#718096;background:#f7f9fc;color:var(--guide-ink)}
.guide-skip{position:fixed;z-index:99;top:8px;right:8px;padding:10px 14px;transform:translateY(-160%);border-radius:10px;background:#10243f;color:#fff}.guide-skip:focus{transform:none}
.guide-header{position:sticky;top:0;z-index:20;max-width:none;padding-inline:max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid #e9edf2;backdrop-filter:blur(14px)}
.guide-header nav{gap:22px}.guide-hero{max-width:1240px;margin:auto;padding:54px 28px 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.guide-hero-copy{max-width:650px}.guide-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:24px;color:#8491a2;font-size:10px}.guide-breadcrumb a{color:#546981}.guide-hero h1{margin:12px 0 15px;color:#10243f;font-size:clamp(33px,4.2vw,55px);line-height:1.4;letter-spacing:-.045em}.guide-hero h1 em{color:#4162ed;font-style:normal}.guide-hero-copy>p{max-width:610px;color:#66768b;font-size:13px;line-height:2.1}.guide-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.guide-hero-actions .button{min-height:43px}.guide-updated{display:flex;align-items:center;gap:8px;margin-top:22px;color:#8995a5;font-size:9px}.guide-status-dot{width:8px;height:8px;border-radius:50%;background:#37a77e;box-shadow:0 0 0 4px #37a77e18}
.guide-hero-visual{overflow:hidden;border:1px solid #dce4ed;border-radius:24px;background:#fff;box-shadow:0 25px 75px #10243f18;transform:rotate(-1deg)}.guide-window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #edf1f5;background:#fbfcfe}.guide-window-bar>span{width:8px;height:8px;border-radius:50%;background:#d5dce5}.guide-window-bar>span:first-child{background:#ed8279}.guide-window-bar>span:nth-child(2){background:#eabd61}.guide-window-bar>span:nth-child(3){background:#6dbd90}.guide-window-bar b{margin-inline-start:9px;color:#8290a1;font:600 9px Inter,Arial,sans-serif;direction:ltr}.guide-window-content{min-height:300px;display:grid;grid-template-columns:115px 1fr;direction:rtl}.guide-mock-sidebar{display:grid;align-content:start;gap:7px;padding:17px 10px;background:#142d4b;color:#d6e2ee;font-size:9px}.guide-mock-sidebar strong{padding:0 8px 11px;color:#fff;font:800 16px Inter,Arial,sans-serif;letter-spacing:.1em}.guide-mock-sidebar i{padding:8px;border-radius:8px;font-style:normal}.guide-mock-sidebar i.selected{background:#ffffff1c;color:#fff}.guide-mock-main{padding:21px 19px}.guide-mock-main>small{color:#8593a4;font-size:9px}.guide-mock-main h2{margin:5px 0 14px;font-size:15px}.guide-mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guide-mock-kpis span{display:grid;gap:3px;padding:10px;border:1px solid #e7edf3;border-radius:10px;background:#fbfcfe}.guide-mock-kpis b{font:700 17px Inter,Arial,sans-serif;color:#142d4b}.guide-mock-kpis small{font-size:8px;color:#8190a1}.guide-mock-chart{height:94px;display:flex;align-items:end;justify-content:space-around;gap:9px;margin-top:12px;padding:9px 14px 0;border:1px solid #e8edf2;border-radius:10px;background:linear-gradient(180deg,#fff,#f9fbfd)}.guide-mock-chart i{width:8%;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#6681f0,#aebdf8)}.guide-mock-task{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;padding:10px;border:1px solid #e8edf2;border-radius:9px;font-size:8px}.guide-mock-task span{color:#7f8da0}.guide-mock-task b{font-size:8px}.guide-mock-task em{color:#188360;font-style:normal}.guide-visual-caption{margin:0;padding:0 16px 12px;text-align:left;color:#9aa5b2;font-size:8px}
.guide-start{max-width:1240px;margin:0 auto;padding:40px 28px 68px}.guide-start .section-heading,.guide-faq .section-heading{text-align:center;margin:0 auto 30px}.guide-start .section-heading h2,.guide-faq .section-heading h2{font-size:clamp(29px,4vw,42px)}.guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:guide}.guide-steps li{display:grid;align-content:start;gap:10px;min-height:154px;padding:17px;border:1px solid #e2e9f0;border-radius:16px;background:#fff;box-shadow:0 8px 25px #10243f08}.guide-steps li>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf1ff;color:#4162ed;font:700 10px Inter,sans-serif}.guide-steps strong{font-size:13px}.guide-steps span{color:#758398;font-size:10px;line-height:1.8}
.guide-body{max-width:1240px;margin:0 auto;padding:0 28px 70px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}.guide-toc{position:sticky;top:102px;display:grid;gap:3px;padding:14px;border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 25px #10243f08}.guide-toc-head{display:grid;gap:4px;padding:4px 8px 12px}.guide-toc-head strong{font-size:14px}.guide-toc>a:not(.guide-toc-cta){padding:8px;border-radius:8px;color:#63738a;font-size:10px;line-height:1.5}.guide-toc>a:not(.guide-toc-cta):hover,.guide-toc>a:not(.guide-toc-cta):focus{background:#f1f4ff;color:#354fca}.guide-toc-cta{margin-top:8px;padding:10px;border-radius:10px;background:#142d4b;color:#fff;text-align:center;font-size:10px;font-weight:700}.guide-sections{min-width:0;display:grid;gap:15px}.guide-section{scroll-margin-top:105px;padding:25px 27px;border:1px solid #e1e8ef;border-radius:19px;background:#fff;box-shadow:0 9px 27px #10243f08}.guide-section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:10px}.guide-section-title>span{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f6f0e6;color:#a27c43;font:700 11px Inter,Arial,sans-serif}.guide-section-title .eyebrow{margin:0;color:#a08357;font-size:8px;letter-spacing:.1em}.guide-section-title h2{margin:3px 0 0;color:#10243f;font-size:clamp(19px,2.2vw,25px);line-height:1.55}.guide-section>p{color:#68788d;font-size:11px;line-height:2.1}.guide-section h3{margin:0 0 6px;font-size:12px}.guide-bullets{display:grid;gap:7px;padding-right:20px;color:#5f6f84;font-size:10px;line-height:1.85}.guide-bullets li::marker{color:#c89c54}.guide-note{margin:14px 0 0;padding:12px 14px;border-right:3px solid #c89c54;border-radius:9px;background:#fbf8f1;color:#776443;font-size:10px;line-height:1.9}.guide-note a,.guide-text-link{color:#4162ed;font-weight:700}.guide-callout{margin:16px 0;padding:16px 18px;border:1px solid #e5eaf0;border-radius:14px;background:#f8fafc}.guide-callout>b{font-size:11px}.guide-callout ol{display:grid;gap:7px;margin:9px 0 0;padding-right:20px;color:#62738a;font-size:10px;line-height:1.8}.guide-callout-blue{border-color:#dfe6fb;background:#f5f7ff}.guide-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}.guide-detail-grid article{padding:13px;border:1px solid #e7edf2;border-radius:12px;background:#fcfdff}.guide-detail-grid p,.guide-split p{margin:0;color:#728196;font-size:10px;line-height:1.9}.guide-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.guide-activity-grid article{padding:14px;border:1px solid #e5ebf2;border-radius:13px;background:#fbfcfe}.guide-activity-grid article>span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:10px;background:#eef2ff;color:#405fe2;font-size:17px}.guide-activity-grid p{margin:0;color:#718096;font-size:9px;line-height:1.85}.guide-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.guide-split>div{padding:15px;border:1px solid #e5ebf2;border-radius:13px;background:#fcfdff}.guide-split p+p{margin-top:8px}
.guide-ui-preview{margin:17px 0;padding:14px;border:1px solid #dfe7f0;border-radius:14px;background:#f8fafd;box-shadow:inset 0 0 0 1px #fff}.preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e7edf3;font-size:10px}.preview-top span{color:#8592a4;font-size:9px}.preview-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.preview-stat-row i{display:grid;gap:4px;padding:10px;border:1px solid #e3eaf1;border-radius:10px;background:#fff;font-style:normal}.preview-stat-row b{color:#17385f;font:700 17px Inter,Arial,sans-serif}.preview-stat-row small{color:#7e8b9d;font-size:8px}.preview-list{display:grid;gap:7px;padding:10px;border:1px solid #e3eaf1;border-radius:10px;background:#fff;font-size:9px}.preview-list>span{color:#7e8b9d}.preview-list i{display:flex;justify-content:space-between;padding-top:6px;border-top:1px solid #edf1f5;font-style:normal}.preview-list b{color:#9c7947;font-size:8px}
.guide-client-preview,.guide-analytics-preview{margin:16px 0;padding:13px;border:1px solid #dfe7f0;border-radius:14px;background:#f8fafd}.preview-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #e5ebf1}.preview-toolbar>b{margin-inline-end:auto;font-size:10px}.preview-toolbar>span{padding:6px 9px;border:1px solid #e1e7ee;border-radius:8px;background:#fff;color:#8a96a5;font-size:8px}.preview-toolbar>button{padding:6px 9px;border:0;border-radius:8px;background:#17385f;color:#fff;font:700 8px inherit}.preview-table{display:grid;margin-top:7px}.preview-table>div{display:grid;grid-template-columns:1.2fr 1fr .7fr 1fr;gap:8px;align-items:center;padding:9px 6px;border-bottom:1px solid #e9eef3;color:#62738a;font-size:8px}.preview-table>div:last-child{border-bottom:0}.preview-table>div> b{color:#183451;font-size:8px}.preview-table .preview-table-head{color:#8b97a6;font-size:7px}.preview-table i{justify-self:start;padding:3px 7px;border-radius:20px;background:#e4f6ed;color:#1b845d;font-size:7px;font-style:normal}.preview-table i.stage-warm{background:#fff2dc;color:#9b6b20}.preview-table i.stage-muted{background:#edf1f5;color:#697a8e}.guide-project-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.guide-project-preview article{overflow:hidden;display:grid;gap:6px;padding:8px;border:1px solid #e2e9f0;border-radius:13px;background:#fff}.project-cover{height:100px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:#fff;background:linear-gradient(140deg,#123553,#387591 45%,#c7a26a)}.project-cover.cover-two{background:linear-gradient(145deg,#18476a,#76a898 53%,#e1c694)}.project-cover span{padding:4px 9px;border:1px solid #ffffff8a;border-radius:20px;background:#10243f54;font:700 8px Inter,Arial,sans-serif;letter-spacing:.15em}.guide-project-preview article>b{font-size:9px}.guide-project-preview article>small{color:#7e8b9d;font-size:8px}.guide-project-preview article>i{color:#4162ed;font-size:8px;font-style:normal}.guide-resale-preview{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;margin:16px 0;border:1px solid #e2e9f0;border-radius:14px;background:#fff}.resale-cover{min-height:132px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#d9e4ed,#f0e6d8 50%,#cad8cf);color:#fff}.resale-cover>b{font-size:35px;text-shadow:0 2px 8px #10243f44}.resale-cover>span{position:absolute;top:9px;right:9px;padding:4px 8px;border-radius:20px;background:#17385f;color:#fff;font-size:7px}.resale-copy{display:grid;align-content:center;gap:7px;padding:14px}.resale-copy>small{color:#a47c43;font-size:8px}.resale-copy>strong{font-size:11px}.resale-copy>span{color:#7d8a9a;font-size:8px}.resale-copy>div{display:flex;justify-content:space-between;gap:7px;margin-top:5px;padding-top:8px;border-top:1px solid #edf1f5;font-size:8px}.resale-copy>div>b{color:#183451}.resale-copy>div>i{color:#4162ed;font-style:normal}.analytics-preview-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid #e4eaf1;color:#62738a;font-size:8px}.analytics-preview-head>b{color:#9a7a46}.analytics-preview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.analytics-preview-metrics i{display:grid;gap:2px;padding:8px;border:1px solid #e4eaf1;border-radius:9px;background:#fff;font-style:normal}.analytics-preview-metrics b{color:#17385f;font:700 14px Inter,Arial,sans-serif}.analytics-preview-metrics small{color:#8290a0;font-size:7px}.analytics-preview-graph{height:120px;display:grid;grid-template-columns:25px 1fr;gap:7px;padding:8px;border:1px solid #e4eaf1;border-radius:9px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 29px,#edf1f5 30px)}.graph-y{display:flex;flex-direction:column;justify-content:space-between;color:#9aa5b1;font:7px Inter,Arial,sans-serif}.graph-lines{display:flex;align-items:end;justify-content:space-around;gap:6px;border-bottom:1px solid #dfe6ed}.graph-lines i{width:7%;height:var(--v);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#6681f0,#aab9f3)}.analytics-preview-labels{display:flex;justify-content:space-around;padding:5px 23px 0;color:#8793a2;font-size:7px}
.guide-faq{max-width:950px;margin:0 auto;padding:25px 28px 70px}.guide-faq-list{display:grid;gap:8px}.guide-faq-list details{padding:0 16px;border:1px solid #e1e8ef;border-radius:12px;background:#fff}.guide-faq-list summary{position:relative;padding:13px 0;cursor:pointer;list-style:none;color:#18314f;font-size:11px;font-weight:700}.guide-faq-list summary::-webkit-details-marker{display:none}.guide-faq-list summary::after{content:'+';position:absolute;left:0;top:9px;color:#4162ed;font:700 18px Inter,Arial,sans-serif}.guide-faq-list details[open] summary::after{content:'−'}.guide-faq-list details p{margin:0;padding:0 0 14px;color:#6c7b8e;font-size:10px;line-height:1.9}.guide-faq-list details a{color:#4162ed;font-weight:700}
.guide-cta{max-width:1184px;margin:0 auto 65px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:22px;background:linear-gradient(120deg,#10243f,#1d426b);color:#fff}.guide-cta .eyebrow{color:#e4c287}.guide-cta h2{max-width:620px;margin:7px 0;color:#fff;font-size:clamp(21px,3vw,30px);line-height:1.55}.guide-cta p{margin:0;color:#c4d0dc;font-size:10px}.guide-cta>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.guide-cta .button{min-height:40px;padding:9px 13px;font-size:10px}.guide-footer{background:#fff}.guide-footer .brand{color:#10243f}.guide-footer .brand small{color:#8793a3}.guide-footer .brand-mark{background:#10243f}.guide-footer>span{max-width:470px;text-align:center;line-height:1.8}
@media(max-width:900px){.guide-hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.guide-hero-copy{max-width:760px}.guide-hero-visual{max-width:720px;width:100%;margin:auto}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-body{grid-template-columns:190px minmax(0,1fr);gap:15px}.guide-toc{top:85px}.guide-cta{margin-inline:20px}}
@media(max-width:650px){.guide-header{height:65px;padding:0 14px}.guide-header nav{display:none}.guide-header .header-login{font-size:9px}.guide-hero{padding:26px 16px 45px;gap:22px}.guide-breadcrumb{margin-bottom:17px}.guide-hero h1{font-size:34px;line-height:1.5}.guide-hero-copy>p{font-size:11px}.guide-hero-actions .button{min-height:40px;padding:9px 12px;font-size:10px}.guide-window-content{grid-template-columns:90px 1fr;min-height:260px}.guide-mock-sidebar{padding:14px 7px;font-size:8px}.guide-mock-main{padding:16px 11px}.guide-mock-main h2{font-size:12px}.guide-mock-kpis{gap:5px}.guide-mock-kpis span{padding:7px}.guide-mock-kpis b{font-size:14px}.guide-mock-kpis small{font-size:7px}.guide-mock-chart{height:80px}.guide-mock-task{flex-wrap:wrap}.guide-visual-caption{font-size:7px}.guide-start{padding:25px 16px 45px}.guide-start .section-heading,.guide-faq .section-heading{text-align:right}.guide-start .section-heading h2,.guide-faq .section-heading h2{font-size:29px}.guide-steps{gap:8px}.guide-steps li{min-height:158px;padding:13px}.guide-steps strong{font-size:11px}.guide-steps span{font-size:9px}.guide-body{display:block;padding:0 12px 48px}.guide-toc{position:relative;top:auto;display:flex;gap:6px;margin-bottom:12px;overflow:auto;white-space:nowrap;padding:9px}.guide-toc-head{display:none}.guide-toc>a:not(.guide-toc-cta){flex:0 0 auto;padding:8px 10px;border:1px solid #edf0f4}.guide-toc-cta{flex:0 0 auto;margin:0;padding:8px 10px}.guide-sections{gap:10px}.guide-section{padding:19px 16px;border-radius:15px;scroll-margin-top:75px}.guide-section-title{gap:9px}.guide-section-title>span{flex-basis:30px;width:30px;height:30px}.guide-section-title h2{font-size:19px}.guide-section>p,.guide-bullets{font-size:10px}.guide-detail-grid{grid-template-columns:1fr}.guide-activity-grid{grid-template-columns:1fr}.guide-activity-grid article{display:grid;grid-template-columns:34px 1fr;column-gap:8px}.guide-activity-grid article>span{grid-row:span 2;margin:0}.guide-activity-grid h3{align-self:end}.guide-split{grid-template-columns:1fr}.guide-faq{padding:10px 16px 45px}.guide-cta{display:grid;margin:0 12px 45px;padding:22px 18px;border-radius:17px}.guide-cta>div:last-child{display:grid}.guide-footer{padding:20px;justify-content:flex-start}.guide-footer>span{text-align:right}.guide-footer nav{width:100%}.preview-table>div{grid-template-columns:1.1fr .9fr .7fr;gap:5px;font-size:7px}.preview-table>div>*:last-child{display:none}.guide-project-preview{grid-template-columns:1fr}.guide-project-preview article{grid-template-columns:90px 1fr;align-items:center;column-gap:8px}.project-cover{height:65px;grid-row:span 3}.guide-project-preview article>b,.guide-project-preview article>small,.guide-project-preview article>i{align-self:end}.guide-resale-preview{grid-template-columns:1fr}.resale-cover{min-height:95px}.analytics-preview-metrics{gap:4px}.analytics-preview-metrics i{padding:6px}.analytics-preview-graph{height:100px}}
@media(prefers-reduced-motion:reduce){.crm-guide-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}