.draivvExperience .diagnosisJourney{padding:112px var(--shell-gutter) 88px;color:#19352d;background:#eef1ed}.diagnosisHeading{grid-template-columns:1.4fr 1fr;align-items:end;gap:clamp(40px,8vw,130px);max-width:1400px;margin:0 auto 72px;display:grid}.diagnosisEyebrow{text-transform:uppercase;letter-spacing:.14em;color:#4d6c5f;align-items:center;gap:12px;margin:0 0 30px;font-size:.72rem;display:flex}.diagnosisEyebrow>span{background:#238764;border-radius:50%;width:6px;height:6px}.draivvExperience .diagnosisHeading h2{letter-spacing:-.055em;max-width:17ch;margin:0;font-size:clamp(2.8rem,4.3vw,4.9rem);font-weight:500;line-height:1.05}.diagnosisHeading h2 em{color:#36795e;font-style:normal;display:block}.diagnosisIntro>p{color:#566c61;max-width:40ch;margin:0 0 28px;font-size:1.075rem;line-height:1.8}.diagnosisIntro>span{color:#3c6352;align-items:center;gap:14px;font-size:.75rem;display:flex}.diagnosisWorkspace{grid-template-columns:1fr 1.08fr;align-items:stretch;gap:clamp(40px,7vw,110px);max-width:1400px;margin:auto;display:grid}.diagnosisTimeline{min-width:0;position:relative}.diagnosisSteps{margin:0;padding:0;list-style:none;position:relative}.diagnosisRail{background:#c1d1c6;width:1px;position:absolute;top:24px;bottom:calc(max(680px,100svh - 130px) - 24px);left:23px}.diagnosisRailFill{transform-origin:top;background:#237150;width:100%;height:100%;display:block}.diagnosisStep{grid-template-columns:48px 1fr;gap:28px;min-height:410px;padding:0 0 76px;scroll-margin-top:135px;display:grid;position:relative}.diagnosisStep:last-child{min-height:max(680px,100svh - 130px);padding-bottom:48px}.diagnosisStepNumber{color:#5a7667;font-variant-numeric:tabular-nums;z-index:1;background:#eef1ed;border:1px solid #b5cbbd;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.85rem;transition:background .4s,color .4s;display:grid}.diagnosisStep[data-active=true] .diagnosisStepNumber{color:#f3faf5;background:#235c45;border-color:#235c45;box-shadow:0 0 0 7px #eef1ed}.diagnosisStepBody{padding-top:12px}.diagnosisQuestion{color:#607669;margin:0 0 18px;font-size:.78rem}.draivvExperience .diagnosisStep h3{letter-spacing:-.045em;color:#193b2d;margin:0 0 20px;font-size:clamp(1.85rem,2.7vw,2.75rem);font-weight:500;line-height:1.12}.diagnosisDescription{color:#5a6f62;max-width:39ch;margin:0;font-size:1.025rem;line-height:1.8}.diagnosisOutput{border-top:1px solid #c8d5ca;margin-top:26px;padding-top:18px}.diagnosisOutput>span{text-transform:uppercase;letter-spacing:.13em;color:#6b7f72;font-size:.62rem}.diagnosisOutput>p{color:#28573f;align-items:center;gap:9px;margin:9px 0 0;font-size:.86rem;line-height:1.5;display:flex}.diagnosisOutput svg{flex-shrink:0}.diagnosisVisual{min-width:0}.diagnosisDesk{background:radial-gradient(at 80% 10%,#2b4c3d,#0000 70%),#10261f;border-radius:22px;padding:28px 30px 24px;position:sticky;top:115px;overflow:hidden;box-shadow:0 30px 60px -42px #183c32aa}.diagnosisDeskBrand{color:#bed0c0;letter-spacing:.07em;align-items:center;gap:10px;font-size:.65rem;display:flex}.diagnosisLiveDot{background:#afdc9c;border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 15px #a5d59e66}.diagnosisSheets{aspect-ratio:1.09;width:100%;min-height:400px;margin:30px 0 24px;position:relative}.diagnosisSheetLayer{opacity:0;pointer-events:none;transition:opacity .45s,transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(28px)rotate(2deg)scale(.97)}.diagnosisSheetLayer[data-active=true]{opacity:1;transform:translateY(0)rotate(-1deg)scale(1)}.diagnosisSheet{color:#274d38;background:#f0f3e8;border-radius:4px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 12px 30px #0003}.diagnosisSheetTop{letter-spacing:.08em;text-transform:uppercase;color:#758574;border-bottom:1px solid #c8d3bf;justify-content:space-between;gap:10px;padding-bottom:16px;font-size:.56rem;display:flex}.diagnosisSheetTitle{letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(1rem,1.65vw,1.65rem);font-weight:500}.diagnosisDiagram{flex:1;min-height:190px;margin:8px 0 12px;position:relative}.diagnosisSheetFoot{color:#7d8974;border-top:1px solid #c8d3bf;justify-content:space-between;align-items:end;gap:16px;padding-top:12px;font-size:.52rem;display:flex}.diagnosisSheetFoot>span:last-child{white-space:nowrap;color:#345941;font-size:.7rem}.diagnosisNavigation{gap:16px;display:flex}.diagnosisNavigation a{color:#8ba996;flex:1;padding:5px 0;font-size:.67rem;text-decoration:none}.diagnosisNavigation i{background:#577361;height:2px;margin-top:10px;transition:background .4s;display:block}.diagnosisNavigation a[aria-current]{color:#e5f6d8}.diagnosisNavigation a[aria-current] i{background:#c6e7b1}.diagnosisNavigation a:focus-visible{outline-offset:6px;outline:2px solid #d1e7be}.diagnosisMap{position:absolute;inset:0}.diagnosisMap svg{width:100%;height:100%;position:absolute;overflow:visible}.diagnosisMap path{fill:none;stroke:#9bb998;stroke-width:1px;stroke-dasharray:240;stroke-dashoffset:0}.diagnosisMapCore{color:#f0f5e8;background:#285c40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:105px;height:105px;font-size:.64rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #dce5d3,0 0 0 11px #cad9bf}.diagnosisMapNode{color:#58734c;background:#e8eedf;border:1px solid #b8cbae;border-radius:5px;padding:10px 12px;font-size:.65rem;position:absolute;transform:translate(-50%,-50%)}.diagnosisMapNode0{top:20%;left:20%}.diagnosisMapNode1{top:20%;left:80%}.diagnosisMapNode2{top:80%;left:20%}.diagnosisMapNode3{top:80%;left:80%}.diagnosisFlow{flex-direction:column;justify-content:center;gap:4px;padding:12px 8px;display:flex;position:absolute;inset:0}.diagnosisFlowRow{align-items:center;gap:12px;padding:10px 0 14px;font-size:.65rem;display:flex;position:relative}.diagnosisFlowRow>span{color:#7b9370;font-size:.55rem}.diagnosisFlowRow>b{font-weight:400}.diagnosisFlowRow>i{transform-origin:0;background:#a9c397;border-radius:2px;height:5px;position:absolute;bottom:0;left:0}.diagnosisFlowRow:nth-child(3)>i{background:#b27b3b}.diagnosisBottleneck{color:#927342;align-items:center;gap:7px;margin:20px 0 0;font-size:.6rem;display:flex}.diagnosisBottleneck>span{background:#b27b3b;border-radius:50%;width:5px;height:5px}.diagnosisMatrix{position:absolute;inset:18px 6px 8px 22px}.diagnosisQuadrants{background:linear-gradient(90deg,#0000 49.8%,#b9cbb0 50%,#0000 50.4%),linear-gradient(#0000 49.8%,#b9cbb0 50%,#0000 50.4%);border:1px solid #b9cbb0;border-radius:3px;position:absolute;inset:0 0 24px 8px}.diagnosisQuadrants:before{content:"";z-index:0;background:#dce9cf;width:50%;height:50%;position:absolute;top:0;left:0}.diagnosisQuadrants>span{color:#55794b;font-size:.52rem;position:absolute;top:10px;left:10px}.diagnosisQuadrants>i{color:#edf3e3;background:#456d46;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.65rem;font-style:normal;display:grid;position:absolute}.diagnosisQuadrants>i:first-of-type{top:25%;left:27%;box-shadow:0 0 0 6px #c1d5ad}.diagnosisQuadrants>i:nth-of-type(2){background:#7f9c6e;top:15%;left:70%}.diagnosisQuadrants>i:nth-of-type(3){background:#98ae88;top:68%;left:16%}.diagnosisQuadrants>i:nth-of-type(4){background:#b1c0a3;top:64%;left:66%}.diagnosisAxisY{writing-mode:vertical-rl;color:#6d8360;font-size:.55rem;position:absolute;top:50%;left:-14px;transform:translateY(-65%)rotate(180deg)}.diagnosisAxisX{color:#6d8360;font-size:.55rem;position:absolute;bottom:0;right:0}.diagnosisRoadmap{flex-direction:column;justify-content:center;padding:12px 6px;display:flex;position:absolute;inset:0}.diagnosisRoadmapRuler{color:#7d9270;border-bottom:1px solid #c3d1b9;justify-content:space-between;padding-bottom:8px;font-size:.57rem;display:flex}.diagnosisRoadmapRow{padding-top:14px}.diagnosisRoadmapRow>span{margin-bottom:7px;font-size:.63rem;display:block}.diagnosisRoadmapRow>i{color:#edf4e3;transform-origin:0;background:#8eae7b;border-radius:3px;justify-content:end;align-items:center;height:21px;padding-right:8px;display:flex}.diagnosisRoadmapRow:nth-child(2)>i{background:#3d704d}.diagnosisRoadmap>p{color:#6e8560;align-items:center;gap:6px;margin:16px 0 0;font-size:.56rem;display:flex}.diagnosisRoadmap>p span{background:#588646;border-radius:50%;width:4px;height:4px}.diagnosisSheetLayer[data-active=true] .diagnosisFlowRow>i,.diagnosisSheetLayer[data-active=true] .diagnosisRoadmapRow>i{animation:.9s cubic-bezier(.22,1,.36,1) both diagnosis-grow}.diagnosisSheetLayer[data-active=true] .diagnosisMap path{animation:1.2s both diagnosis-trace}@keyframes diagnosis-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes diagnosis-trace{0%{stroke-dashoffset:240px}to{stroke-dashoffset:0}}.diagnosisMobileSheet{display:none}.diagnosisClosing{border-top:1px solid #bdcebf;justify-content:space-between;align-items:center;gap:50px;max-width:1400px;margin:20px auto 0;padding-top:40px;display:flex}.draivvExperience .diagnosisClosing h3{letter-spacing:-.035em;color:#275640;margin:0 0 16px;font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:500}.diagnosisClosing p{color:#647867;max-width:67ch;margin:0;font-size:.85rem;line-height:1.8}.diagnosisClosing strong{color:#286346;font-weight:500}.diagnosisCta{color:#fff;background:#1d6a50;border-radius:50px;flex-shrink:0;align-items:center;gap:20px;padding:19px 25px;font-size:.9rem;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.diagnosisCta:hover{background:#154c3b;transform:translateY(-2px)}@media (min-width:901px) and (max-height:760px){.diagnosisDesk{padding:20px;top:100px}.diagnosisSheets{aspect-ratio:1.4;margin-block:16px}.diagnosisDiagram{min-height:210px}.diagnosisSheet{padding:18px}.diagnosisSheetTitle{margin-top:10px}.diagnosisMapCore{width:80px;height:80px}.diagnosisFlow{padding-top:6px}.diagnosisFlowRow{padding-block:7px 12px}.diagnosisRoadmap{padding-top:5px}.diagnosisRoadmapRow{padding-top:8px}}@media (max-width:1100px){.diagnosisWorkspace{gap:40px}.diagnosisStep{gap:20px}.diagnosisDesk{padding:22px}.diagnosisSheet{padding:20px}.diagnosisHeading{gap:50px}.diagnosisMapCore{width:85px;height:85px}.diagnosisMapNode{padding:9px 7px}}@media (max-width:900px){.draivvExperience .diagnosisJourney{padding-block:76px}.diagnosisHeading{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.diagnosisHeading h2{max-width:20ch}.diagnosisIntro>p{max-width:55ch;margin-bottom:0}.diagnosisIntro>span{display:none}.diagnosisWorkspace{grid-template-columns:1fr}.diagnosisVisual{display:none}.diagnosisStep,.diagnosisStep:last-child{grid-template-columns:40px 1fr;gap:0 20px;min-height:0;padding-bottom:56px}.diagnosisStepNumber{width:40px;height:40px;font-size:.75rem}.diagnosisRail{bottom:70px;left:19px}.diagnosisStepBody{padding-top:9px}.diagnosisDescription{max-width:55ch}.diagnosisOutput{margin-top:20px}.diagnosisMobileSheet{grid-column:2;max-width:520px;margin-top:26px;display:block}.diagnosisMobileSheet .diagnosisSheet{min-height:360px;box-shadow:none;border:1px solid #ced8c2}.diagnosisSheetTitle{font-size:1.3rem}.diagnosisDiagram{min-height:220px}.diagnosisMapCore{width:100px;height:100px}.diagnosisClosing{flex-direction:column;align-items:flex-start;gap:26px;margin-top:0}}@media (max-width:480px){.draivvExperience .diagnosisJourney{padding-block:62px}.draivvExperience .diagnosisHeading h2{font-size:2.65rem}.diagnosisIntro>p{font-size:1rem}.diagnosisStep,.diagnosisStep:last-child{grid-template-columns:32px 1fr;gap:0 14px}.diagnosisStepNumber{width:32px;height:32px;font-size:.65rem}.diagnosisRail{left:15px}.diagnosisStepBody{padding-top:5px}.diagnosisQuestion{font-size:.72rem}.diagnosisDescription{font-size:.95rem}.diagnosisMobileSheet{z-index:1;grid-column:1/-1;position:relative}.diagnosisSheet{padding:20px}.diagnosisMapNode{font-size:.6rem}.diagnosisMapCore{width:88px;height:88px}.diagnosisEyebrow{margin-bottom:23px}.diagnosisCta{padding:17px 20px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.diagnosisJourney *,.diagnosisJourney :before{transition:none!important;animation:none!important}.diagnosisStepBody,.diagnosisRailFill{transform:none!important}}
