/* CRM: the homepage's visual language, without changing page content. */
.crm-page .breadcrumbs{padding-top:27px;gap:10px;font-size:11px;color:#829479}.crm-page .breadcrumbs a{text-decoration:none;color:#5a7b4f}.crm-page .breadcrumbs a:hover{text-decoration:underline}
.crm-page .crm-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:62px;padding-block:62px 80px}.crm-page .crm-hero h1{font-size:clamp(42px,4.45vw,64px);letter-spacing:-.055em;line-height:1.1}.crm-page .crm-hero .lead{font-size:16px;line-height:1.85}.crm-page .crm-hero .hero-note{font-size:11px}.crm-page .crm-hero .button{box-shadow:0 8px 24px #246b491c}
.crm-page .crm-flow{position:relative;isolation:isolate;overflow:hidden;padding:30px;border-radius:21px;border-color:#d3e1cb;background:radial-gradient(ellipse at 100% 0,#d9e9c966,transparent 60%),linear-gradient(145deg,#fff,#f0f6e9);box-shadow:0 28px 50px -28px #1b432833,0 4px 15px #1b432807}.crm-page .flow-top{font-size:9px;letter-spacing:1.3px;color:#5c7852}.crm-page .flow-node{position:relative;box-shadow:0 5px 13px #1b432805;border-radius:13px;border-color:#dbe6d3;padding:19px;transition:border-color .4s,transform .4s,box-shadow .4s}.crm-page .flow-center{background:linear-gradient(130deg,#e3efd9,#f0f6e9);border-color:#b7cea6}.crm-page .flow-mark{border:1px solid #d6e3cc;background:#f2f7ed;color:#658452;font-size:10px}.crm-page .flow-node strong{font-size:18px;color:#305d3d}.crm-page .flow-node small{font-size:11px;color:#71856a}.crm-page .flow-line{font-size:10px;color:#7c9470;gap:12px;padding-block:13px}.crm-page .flow-line>span{color:#689b55;font-size:21px}.crm-page .flow-branches>div{padding:18px;background:#ffffffbd;border-color:#d8e4cf;box-shadow:0 5px 13px #1b432804}.crm-page .flow-branches strong{color:#43693b}.crm-page .flow-branches small{font-size:10px;color:#7b8d70}.crm-page .crm-flow figcaption{font-size:10px;color:#718367;line-height:1.8}
.crm-page .crm-options{gap:22px}.crm-page .crm-option{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:32px;border-radius:18px;border-color:#dae5d3;background:linear-gradient(145deg,#fff,#f7faf3);box-shadow:0 6px 16px #1c422304;transition:transform .45s,border-color .45s,box-shadow .45s}.crm-page .crm-option::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 0,#dceccc55,transparent 60%)}.crm-page .option-tag{display:inline-flex;align-self:start;font-size:9px;letter-spacing:1.2px;padding:7px 10px;background:#edf5e6;border:1px solid #dce7d3;border-radius:6px;color:#668854}.crm-page .crm-option h3{font-size:27px;line-height:1.18;margin:3px 0 17px}.crm-page .crm-option p{font-size:14px;line-height:1.85}.crm-page .crm-option ul{font-size:13px;line-height:1.85;margin-block:3px 23px}.crm-page .crm-option>.text-link{margin-top:auto;min-height:40px;font-size:12px}.crm-page .crm-option>p:has(.text-link){margin:12px 0 0}.crm-page .crm-option .text-link{line-height:1.8}
.crm-page .crm-setup{background:linear-gradient(120deg,#eff5e9,#f5f8f0);padding-block:78px;border-color:#e1ead9}.crm-page .crm-steps{display:grid;gap:14px}.crm-page .crm-steps li{padding:24px 26px 24px 79px;border:1px solid #d8e4ce;background:#ffffffa8;border-radius:14px;box-shadow:0 5px 14px #24482903;transition:border-color .35s,background .35s}.crm-page .crm-steps li:last-child{padding-bottom:24px}.crm-page .crm-steps li::before{left:23px;top:25px;width:35px;height:35px;border-color:#c8dcb8;background:#f1f7e9;font-size:10px;color:#688855}.crm-page .crm-steps h3{font-size:18px;line-height:1.4}.crm-page .crm-steps p{font-size:13px;line-height:1.85}
.crm-page .crm-limit-grid{gap:18px}.crm-page .crm-limit-grid>div{padding:26px;border:1px solid #dfe7d8;border-radius:14px;background:linear-gradient(140deg,#fafcf6,#f0f5e9)}.crm-page .crm-limit-grid h3{font-size:18px;color:#3a623b;line-height:1.4}.crm-page .crm-limit-grid p{font-size:13px;line-height:1.9;color:#687f5d}.crm-page #faq summary>span{display:none}.crm-page #faq>div:first-child::before{font-family:Georgia,serif}.crm-page #faq summary:focus-visible{outline-offset:-5px}
.crm-page .crm-final{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 0,#53764a55,transparent 70%),linear-gradient(140deg,#1b4937,#10392e);border:1px solid #376447;border-radius:22px;padding:58px 50px;color:#eef7e6;box-shadow:0 28px 50px -30px #153a3240}.crm-page .crm-final::before{content:'';position:absolute;z-index:-1;top:-170px;right:-90px;width:480px;height:480px;border:1px solid #bdd4a61c;border-radius:50%;box-shadow:0 0 0 38px #bdd4a607;pointer-events:none}.crm-page .crm-final .eyebrow{font-size:9px;color:#adc899}.crm-page .crm-final h2{font-size:clamp(31px,3.5vw,46px);line-height:1.15;margin-top:24px;font-weight:500}.crm-page .crm-final p{color:#afc3aa;font-size:14px;line-height:1.85}.crm-page .crm-final .button{background:linear-gradient(135deg,#dfedc9,#cde0b0);border:1px solid #d8e6bf;color:#2c5033;margin-top:13px;box-shadow:0 8px 20px #071f2426}.crm-page .footer>p{font-size:11px;color:#718469}.crm-page .footer a:last-of-type{color:#57764c}
.crm-page .crm-reveal{animation:crm-rise .9s cubic-bezier(.22,1,.36,1) both}.crm-page .crm-flow.crm-reveal .flow-line>span{animation:crm-signal 1.6s ease-in-out .4s 2}.crm-page .crm-flow.crm-reveal .flow-line:nth-of-type(5)>span{animation-delay:.7s}.crm-page .crm-option.crm-reveal:nth-child(2){animation-delay:.12s}
@keyframes crm-rise{from{opacity:0;translate:0 23px}to{opacity:1;translate:0 0}}@keyframes crm-signal{0%,100%{opacity:.45;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}
@media(hover:hover) and (pointer:fine){.crm-page .crm-option:hover{transform:translateY(-5px);border-color:#bad0aa;box-shadow:0 24px 40px -26px #23472b33}.crm-page .flow-node:hover{border-color:#afc79d;box-shadow:0 9px 20px -12px #23472b28}.crm-page .crm-steps li:hover{border-color:#bfd5af;background:#fff}.crm-page .crm-final .button:hover{background:#e6f1d2}}
@media(max-width:1000px){.crm-page .crm-hero{gap:32px}.crm-page .crm-flow{padding:24px}.crm-page .crm-option{padding:26px}.crm-page .crm-option h3{font-size:25px}}
@media(max-width:760px){.crm-page .crm-hero{grid-template-columns:minmax(0,1fr);gap:33px;padding-block:35px 45px}.crm-page .crm-hero h1{font-size:clamp(38px,8vw,56px)}.crm-page .crm-hero .lead{font-size:15px}.crm-page .crm-flow{padding:23px}.crm-page .crm-options,.crm-page .crm-limit-grid{grid-template-columns:minmax(0,1fr);gap:17px}.crm-page .crm-option{padding:25px}.crm-page .crm-option h3{font-size:25px}.crm-page .crm-setup{padding-block:50px}.crm-page .crm-steps li{padding:23px 20px 23px 66px}.crm-page .crm-steps li::before{left:18px;top:24px;width:31px;height:31px}.crm-page .crm-steps h3{font-size:17px}.crm-page .crm-steps p{font-size:12px}.crm-page .crm-limit-grid>div{padding:24px}.crm-page .crm-final{padding:36px 25px}.crm-page .crm-final p{font-size:13px}.crm-page .crm-flow .flow-node{padding:16px;gap:12px}.crm-page .flow-branches>div{padding:16px 12px}.crm-page .flow-branches strong{font-size:15px}.crm-page .header nav{gap:1px}.crm-page .header nav a{font-size:11px;min-height:44px}.crm-page .footer>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.crm-page .crm-reveal,.crm-page .crm-flow.crm-reveal .flow-line>span{animation:none!important}.crm-page .crm-option,.crm-page .flow-node,.crm-page .crm-steps li{transition:none}.crm-page .crm-option:hover{transform:none}}
