/* Illustrated comparison and the complete project preparation sequence. */
.generated-art{display:block;position:relative;margin:17px -10px 22px;text-decoration:none;border-radius:12px;overflow:hidden}.generated-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.generated-art>span{position:absolute;right:9px;bottom:8px;background:#ffffffdc;border:1px solid #d6dece;border-radius:20px;padding:3px 9px;font-size:9px;color:#49613f;opacity:0;transition:opacity .2s}.generated-art:hover>span,.generated-art:focus-visible>span{opacity:1}@media(max-width:700px){.generated-art{margin:15px -10px 20px}.generated-art>span{opacity:1}}
.demo-section{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:38px 40px;margin-top:48px;background:#edf3e6;border:1px solid #d4e0c9;border-radius:20px}.demo-section h2{font-size:30px;line-height:1.2;margin:11px 0 15px}.demo-copy>p:last-child{font-size:14px;color:#65765b;max-width:560px}.demo-action{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.demo-price{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#527544;background:#dceaca;padding:5px 10px;border-radius:20px}.demo-action>p{font-size:12px;line-height:1.6;color:#788a6a;max-width:350px}.contact-grid select{width:100%;min-height:50px;margin-bottom:20px;padding:12px 10px;border:1px solid #d3dccb;border-radius:8px;background:white;color:#253b33;font:inherit;font-size:13px}.contact-grid #submit-label{font-size:14px;font-weight:700}.self-start[hidden]{display:none}.contact-grid form .button{gap:15px}.contact-grid form .button>span:last-child{flex-shrink:0}
@media(max-width:700px){.demo-section{grid-template-columns:1fr;gap:24px;padding:26px 23px;margin-top:30px}.demo-section h2{font-size:27px}.demo-action .button{width:100%;gap:14px}.contact-grid select{font-size:12px}.contact-grid #submit-label{font-size:13px;text-align:left}}
.benefit-journey{grid-template-columns:1fr 140px 1fr;align-items:stretch;max-width:1140px;gap:12px;margin-top:23px}.system-scene{padding:22px 26px 24px;border:1px solid #e2e3d8;border-radius:22px;background:#fffdf8}.scene-after.system-scene{background:#edf3e7;border-color:#cddcc5}.system-scene .scene-heading{justify-content:flex-start}.migration .system-scene .scene-heading h2{font-size:22px!important;line-height:1.25!important;letter-spacing:-.6px!important}.system-scene .scene-heading small{font-size:9px;letter-spacing:1.1px}.system-scene .point{width:39px;height:39px}.benefit-journey .route{align-self:center;margin:0}.benefit-journey .route svg{height:98px}.benefit-journey .route-note{font-size:12px}.system-illustration{position:relative;height:168px;margin:14px 0 20px;isolation:isolate}.system-illustration::before{content:'';position:absolute;inset:8px 8px 0;background:#f0ece3;border-radius:50%;z-index:-1}.new-system::before{background:#dce8d2}.old-window,.dashboard{position:absolute;width:77%;height:128px;left:8%;top:15px;border:1.5px solid #9c9d8f;border-radius:9px;background:#f8f7f0;box-shadow:0 10px 0 -7px #b6b5a7;transform:rotate(-3deg);overflow:visible}.window-bar{height:23px;border-bottom:1px solid #d4d6c9;display:flex;align-items:center;gap:4px;padding:0 9px;background:#e5e5db;border-radius:8px 8px 0 0}.window-bar i{width:4px;height:4px;border-radius:50%;background:#a3a698}.window-bar span{font-size:8px;color:#767b6c;margin-left:auto;letter-spacing:.3px}.old-body{display:flex;height:95px;padding:13px;gap:15px}.old-sidebar{width:27px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #dadbd0;padding-right:6px}.old-sidebar b{height:4px;background:#c7c9be}.old-table{flex:1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,#daddcf 15px,#daddcf 16px)}.old-table span{height:12px;width:1px;background:#dedfd6;display:inline-block;margin-right:18%}.manual-stamp{position:absolute;bottom:16px;right:15px;border:1px solid #ba6554;border-radius:3px;background:#fff5e9;color:#ae594b;font-size:11px;padding:4px 8px;transform:rotate(7deg)}.paper-stack{position:absolute;right:2%;top:26px;width:93px;height:107px;border:1px solid #cabca6;background:#fffdf6;transform:rotate(8deg);padding:11px;box-shadow:4px 4px 0 #e3dbca}.paper-stack span{font-size:8px;display:block;color:#897864;line-height:1.3}.paper-stack b{display:block;font-size:28px;color:#b4604c;font-weight:400}.paper-stack i{display:block;height:2px;background:#d9cebc;margin-top:6px;width:90%}.dashboard{transform:rotate(2deg);border-color:#6a896d;background:#fffef8;left:3%;height:132px;width:84%;box-shadow:0 10px 0 -7px #abc0a1}.dashboard .window-bar{background:#e7eddf;border-bottom-color:#cbd8bf}.dashboard-body{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:12px}.metric{border:1px solid #e4eadc;padding:6px 8px;position:relative;border-radius:5px;height:81px}.metric>span{font-size:8px;color:#728467;white-space:nowrap}.metric>b{position:absolute;right:7px;top:22px;color:#6a8a57;font-size:18px}.spark-bars{display:flex;align-items:flex-end;gap:4px;height:41px;padding-top:5px}.spark-bars i{width:9px;background:#a0b28b;border-radius:2px 2px 0 0;height:38%}.spark-bars i:nth-child(2){height:60%}.spark-bars i:nth-child(3){height:48%}.spark-bars i:nth-child(4){height:70%}.spark-bars i:nth-child(5){height:80%}.spark-bars i:nth-child(6){height:95%;background:#4e7856}.donut{width:43px;height:43px;border:8px solid #a5bb90;border-right-color:#e7eddc;border-radius:50%;margin:7px auto}.phone{position:absolute;right:0;bottom:4px;border:2px solid #3e614a;border-radius:12px;background:#fffef6;width:64px;height:109px;transform:rotate(7deg);padding:8px 6px;box-shadow:0 5px 10px #3e614a14}.phone-speaker{height:3px;background:#adc0a2;width:20px;border-radius:3px;margin:0 auto 12px}.phone>span{font-size:7px;display:block;color:#627752}.phone-chart{height:27px;display:flex;align-items:flex-end;gap:4px;margin:7px 0}.phone-chart i{background:#adc093;width:11px;height:12px}.phone-chart i:nth-child(2){height:20px}.phone-chart i:nth-child(3){height:27px;background:#759266}.phone>b{display:block;text-align:center;color:#69905b;font-size:14px;font-weight:400}.update-badge{position:absolute;left:0;bottom:0;background:#406546;color:#fff;font-size:18px;padding:3px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 7px #40654613}.update-badge span{font-size:9px}.benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.benefit-list li{position:relative;padding-left:27px;font-size:13px;line-height:1.4;color:#63665a}.benefit-list li::before{position:absolute;left:0;top:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:14px;font-weight:600}.negative li::before{content:'×';background:#f6e5df;color:#b44c40}.positive li{color:#355539}.positive li::before{content:'✓';background:#d8e8cb;color:#497641;font-size:12px}.benefit-caption{max-width:750px;text-align:center;margin:14px auto 0!important;font-size:10px;line-height:1.5;color:#7f8a77}.hero-actions{margin-top:20px}.hero-title{padding-top:22px}.migration h1{font-size:40px;margin:9px 0 12px}.hero-lead{font-size:15px}.hero .eyebrow{font-size:9px}
.continuity{display:flex;gap:12px;align-items:flex-start;padding:22px 27px;background:#e4eddd;border:1px solid #cfdec5;border-radius:14px;margin-bottom:28px}.continuity>.live-dot{margin-top:8px;flex-shrink:0}.continuity strong{font-size:18px;font-weight:600}.continuity p{font-size:14px;color:#607358;margin-top:5px;max-width:820px}.project-stage{display:grid;grid-template-columns:270px 1fr;gap:35px;padding:35px;border:1px solid #dce3d5;border-radius:18px;background:#fffef9;margin:18px 0}.stage-index{font-size:40px;line-height:1;letter-spacing:-2px;color:#8ba380;font-weight:400}.stage-title h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:16px 0 12px}.stage-title>p{font-size:14px;color:#7d8775;max-width:235px}.stage-content ol{margin:0;padding-left:22px;display:grid;gap:13px;font-size:14px;color:#687360;line-height:1.7}.stage-content li{padding-left:6px}.stage-content li::marker{color:#8ea07e;font-size:12px}.stage-content strong{color:#344c36;font-weight:600}.stage-result{border-top:1px solid #dfe6d7;padding-top:17px;margin-top:23px;font-size:14px;color:#355333}.stage-result span{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:5px;color:#819175}.parallel-note{font-size:12px;color:#788770;padding:0 35px 0 340px}.parallel-note>span{font-size:20px;vertical-align:middle;margin-right:8px}.stage-footnote{font-size:11px;color:#86917d;margin-top:12px!important}.validation-levels{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;color:#5e7851}.validation-levels span{padding:6px 12px;border:1px solid #dce6d2;border-radius:7px;background:#f2f6eb}.validation-levels b{font-weight:400;margin-left:40px;color:#9cac8f}.go-live{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#e1ead8;padding:32px 35px;border-radius:17px;margin-top:25px}.go-live h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:12px 0}.go-live p:not(.eyebrow){font-size:14px;color:#63765a;line-height:1.7}.go-live-result{border-left:1px solid #c4d4b8;padding-left:35px;align-self:center}.go-live-result>strong{font-size:19px;display:block;margin-bottom:12px;font-weight:600}.support-messages{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;padding:10px}.message-bubble{padding:23px;border:1px solid #d8e1d0;border-radius:20px 20px 20px 0;font-size:17px;line-height:1.5;background:#f1f4eb;transform:rotate(-3deg)}.answer-bubble{background:#dfead5;border-radius:20px 20px 0 20px;transform:rotate(2deg);font-size:15px;margin-left:30px;color:#476540}.support-stamp{font-size:11px;letter-spacing:.3px;color:#7b8a70;text-align:center;margin-top:12px}.support-stamp b{color:#59794c;margin-left:7px}
@media(max-width:1000px){.benefit-journey{grid-template-columns:1fr 110px 1fr;gap:8px}.system-scene{padding:18px}.migration .system-scene .scene-heading h2{font-size:19px!important}.benefit-list li{font-size:12px}.project-stage{grid-template-columns:220px 1fr;gap:25px;padding:27px}.parallel-note{padding-left:275px}.metric{padding:6px}.metric>span{font-size:7px}.go-live{gap:25px}}
@media(max-width:700px){.migration h1{font-size:31px}.hero-title{padding-top:23px}.hero-lead{font-size:14px}.benefit-journey{grid-template-columns:1fr;gap:0;padding-bottom:0;max-width:460px;margin-top:22px}.system-scene{padding:20px 23px}.migration .system-scene .scene-heading h2{font-size:22px!important}.system-scene .scene-heading{align-items:center;gap:10px}.system-illustration{max-width:290px;margin:8px auto 19px;height:151px}.old-window,.dashboard{height:124px}.benefit-list{gap:9px}.benefit-list li{font-size:13px}.benefit-journey .route{position:relative;bottom:auto;left:auto;right:auto;height:75px;display:flex;gap:15px;justify-content:center;margin:0}.benefit-journey .route-note{font-size:11px;text-align:left}.benefit-journey .route-note br{display:none}.benefit-journey .route-note strong{display:block}.benefit-journey .route svg{width:80px;height:65px;transform:rotate(50deg)}.benefit-caption{font-size:10px;margin-top:14px!important}.continuity{padding:20px}.continuity strong{font-size:16px}.continuity p{font-size:13px}.project-stage{display:block;padding:24px;margin:15px 0}.stage-title{position:relative;padding-left:50px;margin-bottom:22px}.stage-index{position:absolute;left:0;top:0;font-size:33px}.stage-title h3{font-size:23px;margin:0 0 10px}.stage-title>p{max-width:none;font-size:13px}.stage-content ol{font-size:14px;gap:14px;padding-left:18px}.stage-content li{padding-left:3px}.parallel-note{padding:0 16px;font-size:11px}.validation-levels{display:none}.go-live{grid-template-columns:1fr;gap:22px;padding:25px}.go-live h3{font-size:24px}.go-live-result{border-left:0;border-top:1px solid #c4d4b8;padding:20px 0 0}.support-messages{max-width:100%;min-height:220px}.message-bubble{font-size:16px;padding:20px}.answer-bubble{font-size:14px;margin-left:15px}.benefit-journey .route-note .live-dot{margin-right:6px}}