:root{--content-width:1120px}
.container{max-width:var(--content-width)}
.change-cards{max-width:var(--content-width)}
.getting-started{padding-top:110px;overflow:hidden}
.getting-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}
.getting-heading h2{font:600 48px/1.14 'Clash Display',Inter,sans-serif;margin:0}
.getting-heading .button.secondary{background:white;color:#181a20;border:1px solid #e5e7ed;box-shadow:0 2px 4px #17203b0c;border-radius:16px;font-size:20px;padding:16px 24px;min-height:58px}
.getting-steps{list-style:none;padding:0;margin:76px 0 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.getting-steps li{min-width:0}
.getting-line{height:12px;display:flex;align-items:center;gap:14px;margin-bottom:32px}
.getting-line:before{content:'';width:10px;height:10px;border-radius:50%;background:#a0a0a4;flex:none}
.getting-line:after{content:'';height:1px;flex:1;background:#e5e6e8}
.getting-steps li:first-child .getting-line:before{background:#bb258b}
.getting-steps h3{font:500 20px/1.35 Inter,Arial,sans-serif;margin-bottom:12px}
.getting-steps p{font:400 16px/1.5 Inter,Arial,sans-serif;color:#88898e;max-width:340px}
.getting-product{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;height:380px;overflow:hidden;padding-top:2px;pointer-events:none;user-select:none}
.getting-product:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#fff 95%);pointer-events:none}
.getting-inbox{border:1px solid #e9eaee;border-radius:8px 8px 0 0;padding:24px 14px;background:#fff}
.getting-inbox h3{font-size:20px;margin:0 0 24px}
.getting-inbox-title{display:flex;align-items:center;gap:8px;padding:12px 9px;background:#f5f6f7;font-size:12px;font-weight:550;border-radius:6px}
.getting-inbox-title img{width:16px;height:16px}.getting-inbox-title>span{margin-left:auto;color:#248668}
.getting-lead{display:flex;gap:10px;padding:18px 3px;border-bottom:1px solid #eef0f3}
.getting-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8effb;color:#4c76a0;font-size:10px;flex:none}
.getting-lead strong{font-size:12px;font-weight:550}.getting-lead p{font-size:11px;margin:5px 0 9px;white-space:nowrap}
.getting-label{display:inline-block;padding:4px 6px;border-radius:4px;background:#e8effb;color:#5375b0;font-size:9px}
.getting-label.rose,.getting-avatar.rose{background:#f8e9f2;color:#ad5587}.getting-label.green,.getting-avatar.green{background:#e6f4ed;color:#398268}
.getting-dashboard{border:1px solid #e5e7ec;background:#f7f8fa;border-radius:8px 8px 0 0;display:grid;grid-template-columns:48px minmax(0,1fr);min-width:0;align-self:start;min-height:380px}
.getting-dashboard aside{display:flex;align-items:center;flex-direction:column;gap:30px;padding-top:28px;border-right:1px solid #eaecf0}.getting-dashboard aside img{opacity:.55}
.getting-dashboard-main{padding:25px 20px;min-width:0}
.getting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.getting-toolbar strong{font-size:14px;font-weight:500}.getting-toolbar p{font-size:11px;margin-top:5px}.getting-toolbar>span{font-size:10px;background:white;border:1px solid #e9ebee;border-radius:4px;padding:7px 9px;white-space:nowrap}
.getting-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border:1px solid #e9ebee;border-radius:6px}
.getting-metrics>div{padding:15px 12px}.getting-metrics>div+div{border-left:1px solid #e9ebee}.getting-metrics span{font-size:10px;color:#828793;display:block;min-height:30px}.getting-metrics strong{font-size:26px;font-weight:500;color:#30353e}
.getting-pipeline{margin-top:24px;background:white;border:1px solid #e9ebee;border-radius:6px;padding:18px 14px}.getting-pipeline h3{font-size:12px;font-weight:500;margin-bottom:20px}.getting-pipeline-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.getting-pipeline-stages span{font-size:9px;color:#8b929d}.getting-pipeline-stages strong{display:block;font-size:20px;font-weight:500;color:#4c596c;margin-top:10px}.getting-bars{display:flex;height:54px;gap:2px;margin-top:18px}.getting-bars i{flex:1;background:#dbe8f9}.getting-bars i:nth-child(2){background:#bacfee;height:80%}.getting-bars i:nth-child(3){background:#88b3e3;height:65%}.getting-bars i:nth-child(4){background:#67b89b;height:50%}
.site-footer{border-top:1px solid #e5e6e8;padding-top:64px;padding-bottom:48px}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.25fr;gap:30px}
.footer-columns h2{font:500 17px/1.4 Inter,Arial,sans-serif;margin:0 0 22px;color:#202125}
.footer-columns nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-columns nav h2{margin-bottom:10px}
.footer-columns a,.footer-contact p{font:400 15px/1.5 Inter,Arial,sans-serif;color:#656872}
.footer-columns a:hover,.footer-legal a:hover,.footer-legal button:hover{color:#bb258b}
.footer-contact>a{display:block;overflow-wrap:anywhere}.footer-contact p{margin-top:14px}
.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:76px;font:400 13px/1.5 Inter,Arial,sans-serif;color:#656872}
.footer-legal nav{display:flex;align-items:center;gap:22px}.footer-legal button{font:inherit;color:inherit;border:0;padding:0;background:none}
@media(max-width:1050px){.footer-columns{gap:22px}.footer-columns a,.footer-contact p{font-size:13px}.getting-heading h2{font-size:42px}.getting-steps p{font-size:14px}.getting-product{grid-template-columns:220px minmax(0,1fr);gap:20px}.getting-dashboard-main{padding:22px 14px}.getting-metrics>div{padding:12px 8px}}
@media(max-width:760px){.getting-started{padding-top:60px}.getting-heading{align-items:flex-start;flex-direction:column;gap:25px}.getting-heading h2{font-size:34px}.getting-heading .button.secondary{font-size:18px;min-height:54px}.getting-steps{grid-template-columns:1fr;gap:28px;margin:42px 0}.getting-steps li{position:relative;padding-left:28px}.getting-line{position:absolute;left:0;top:7px;bottom:-36px;width:10px;height:auto;display:block;margin:0}.getting-line:before{display:block;width:8px;height:8px}.getting-line:after{position:absolute;top:18px;bottom:0;left:3px;width:1px;height:auto}.getting-steps li:last-child .getting-line:after{display:none}.getting-steps h3{font-size:18px;margin-bottom:8px}.getting-steps p{font-size:14px}.getting-product{height:310px;grid-template-columns:1fr;gap:0}.getting-inbox{display:none}.getting-dashboard{grid-template-columns:32px minmax(0,1fr);min-height:310px}.getting-dashboard aside{gap:24px}.getting-dashboard aside img{width:15px;height:15px}.getting-dashboard-main{padding:20px 12px}.getting-toolbar{margin-bottom:18px}.getting-toolbar strong{font-size:12px}.getting-toolbar p{font-size:10px}.getting-toolbar>span{display:none}.getting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.getting-metrics>div{padding:10px}.getting-metrics>div:nth-child(3){border-left:0}.getting-metrics>div:nth-child(n+3){border-top:1px solid #e9ebee}.getting-metrics span{font-size:9px;min-height:0;margin-bottom:7px}.getting-metrics strong{font-size:22px}.getting-pipeline{margin-top:15px}.site-footer{padding:42px 0 30px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.footer-columns h2{font-size:16px}.footer-columns a,.footer-contact p{font-size:14px}.footer-contact{grid-column:1/-1}.footer-legal{margin-top:40px;align-items:flex-start;flex-direction:column;gap:18px;font-size:12px}.footer-legal nav{gap:16px;flex-wrap:wrap}}