/* Six editable steps rebuilt from the supplied reference, independently of its raster. */
.native-journey{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:28px 0 35px;scroll-margin-top:72px}
.native-journey:before,.native-journey:after{content:'';position:absolute;z-index:-1;width:1150px;height:830px;border:44px solid #eaf4e4;border-radius:50%;opacity:.45;pointer-events:none;transform:rotate(28deg)}
.native-journey:before{left:-880px;top:60px;box-shadow:65px 475px 0 -4px #eef6e9,20px 1040px 0 5px #edf5e8}
.native-journey:after{right:-950px;top:-150px;transform:rotate(-28deg);box-shadow:-70px 510px 0 8px #edf5e8,-20px 1080px 0 8px #eef6e9}
.nj-inner{width:100%;max-width:1120px;margin:auto;position:relative;container-type:inline-size}
.nj-heading{text-align:center;padding:0 20px 24px;position:relative;z-index:2}
.nj-heading h2{font:700 clamp(25px,3.12cqw,36px)/1.2 KyivTypeSerif,Georgia,serif;letter-spacing:-1.2px}
.native-journey em{color:#00ad43;font-style:normal}
.nj-heading p{color:#818ca7;font-size:clamp(12px,1.27cqw,15px);margin-top:2px}
.nj-rows{position:relative;z-index:2}
.nj-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:23cqw;position:relative;padding:0 5.4cqw 0 7.2cqw;gap:3cqw}
.nj-story{position:relative;min-height:18cqw;display:flex;align-items:center;padding-left:5.6cqw}
.nj-number{position:absolute;left:0;top:3.3cqw;transform:translateX(-50%);width:3.2cqw;height:3.2cqw;min-width:30px;min-height:30px;display:grid;place-items:center;border-radius:50%;background:#e3efdd;color:#111;font:700 clamp(12px,1.3cqw,15px)/1 Nunito,sans-serif;box-shadow:0 0 0 5px #fff9;z-index:4}
.nj-copy{position:relative;z-index:2;width:100%}
.nj-story h3{font:700 2.3cqw/1.03 KyivivTypeSerif,KyivTypeSerif,Georgia,serif;letter-spacing:-.85px;color:#080808;margin-bottom:.65cqw}
.nj-copy p{font-size:1.24cqw;line-height:1.24;color:#858da9;max-width:23cqw}
.nj-more{display:inline-flex;align-items:center;justify-content:center;min-height:30px;width:13cqw;margin-top:.8cqw;padding:3px 16px;border:1px solid #00ac42;border-radius:7px;color:#00a33d;font:700 1.4cqw/1.2 Nunito,sans-serif;background:#ffffff8c;transition:background .18s,color .18s}
.nj-more:hover{background:#00a745;color:white}.nj-more:focus-visible{outline:3px solid #8acb8e;outline-offset:4px}
.nj-art{background-image:url('assets/journey/characters-atlas-v2.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;pointer-events:none}
.art-0{background-position:0% 0%}.art-1{background-position:50% 0%}.art-2{background-position:100% 0%}.art-3{background-position:0% 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}
.nj-story>.nj-art{position:absolute;width:19cqw;right:-1.4cqw;bottom:0;z-index:1}
.nj-step-1 .nj-copy{width:24cqw}.nj-step-1 .nj-copy p{max-width:19cqw}.nj-step-1 .nj-story>.nj-art{width:18cqw;right:-1cqw;bottom:-1cqw}
.nj-step:nth-child(even) .nj-screen{grid-column:1;grid-row:1}.nj-step:nth-child(even) .nj-story{grid-column:2;grid-row:1;padding-left:5.2cqw}
.nj-step-2 .nj-copy{align-self:flex-start;margin-top:3.1cqw}.nj-step-2 .nj-story>.nj-art{right:-3.7cqw;bottom:-2cqw;width:17cqw}
.nj-step-3{min-height:25cqw}.nj-step-3 .nj-story>.nj-art{width:24cqw;right:-5cqw;bottom:-1.7cqw}.nj-step-3 .nj-copy{margin-left:0}.nj-step-3 h3{white-space:nowrap}.nj-step-3 .nj-copy p{max-width:20.5cqw}
.nj-step-4 .nj-story>.nj-art{width:19cqw;right:-4.8cqw;bottom:-.2cqw}.nj-step-4 .nj-copy{align-self:flex-start;margin-top:3cqw}.nj-step-4 .nj-copy p{max-width:20cqw}
.nj-partners{position:absolute;left:17cqw;bottom:-1.8cqw;display:flex;align-items:center;gap:1cqw;height:2.8cqw;width:27cqw}.nj-partners img{width:7cqw;height:2.6cqw;object-fit:contain;mix-blend-mode:multiply}.nj-partners img:last-child{width:3cqw}.nj-partners i{color:#00ad43;font-style:normal;font-size:20px}
.nj-step-5{min-height:25cqw}.nj-step-5 .nj-story>.nj-art{width:22cqw;right:-10cqw;bottom:-1cqw}.nj-step-5 .nj-copy p{max-width:24cqw}
.nj-step-6{min-height:24cqw;padding-right:3cqw;grid-template-columns:57% 43%;gap:0}.nj-step-6 .nj-story{padding-left:5.4cqw;min-height:20cqw}.nj-step-6 .nj-copy{align-self:flex-start;margin-top:2.7cqw}.nj-step-6 .nj-copy p{max-width:21cqw}.nj-step-6 .nj-story>.nj-art{right:-2.4cqw;width:17cqw;bottom:-3cqw}.nj-step-6 .nj-more{margin-top:1cqw}
.nj-screen{position:relative;min-width:0;z-index:3}.nj-step-1 .nj-screen{transform:translateY(-1cqw)}.nj-step-5 .nj-screen{display:flex;justify-content:flex-start;padding-left:7cqw}
.nj-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.nj-trail path{fill:none;stroke:#35a864;stroke-width:1;stroke-dasharray:4 3;stroke-linecap:round}
/* UI mockups are actual text, tables and vector charts; they remain sharp at any zoom. */
.nj-ui{container-type:inline-size;font-family:Arial,sans-serif;color:#131722;border:1px solid #8bd5ff;background:#fbfcff;border-radius:5px;box-shadow:0 5px 22px #67bd8330;overflow:hidden;width:100%;font-size:1.5cqw;line-height:1.3;transform:translateZ(0)}
.nj-topbar{background:linear-gradient(#0088ff,#0066ff);display:flex;align-items:center;gap:1.7cqw;white-space:nowrap;color:#fff;height:4.6cqw;padding:0 2.3cqw;font-size:1.25cqw}
.nj-topbar b{font-size:2.5cqw;font-weight:700;letter-spacing:-.1cqw}.nj-top-right{margin-left:auto;font-size:1.15cqw}
.nj-app-layout{display:flex;min-width:0}.nj-ui aside{width:22%;flex-shrink:0;display:flex;flex-direction:column;background:#f6f9fd;padding:1.4cqw 1.3cqw;gap:.7cqw;border-right:1px solid #e5edf6;font-size:1.4cqw}
.nj-ui aside span,.nj-ui aside strong{padding:.75cqw .7cqw;white-space:nowrap}.nj-ui aside strong{color:#0074ff;background:#e0f2ff;border-radius:.8cqw;font-weight:600}
.nj-main{padding:1.6cqw;flex:1;min-width:0}.nj-ui-heading{display:flex;align-items:center;gap:2cqw;min-height:3cqw;margin-bottom:1.1cqw}.nj-ui-heading>b{font-size:2.15cqw;white-space:nowrap}.nj-ui-heading>span{margin-left:auto;font-size:1.25cqw}.nj-ui-heading>small{margin-left:auto;color:#8090a6;font-size:1.3cqw}
.nj-blue-pill{background:#0781ff;color:white;border-radius:.65cqw;padding:1cqw}
.nj-calendar{height:20cqw;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 3.2cqw,#eaf0f6 3.2cqw 3.4cqw),repeating-linear-gradient(to right,#fff 0 10.4cqw,#eaf0f6 10.4cqw 10.6cqw);overflow:hidden}
.nj-days{display:grid;grid-template-columns:7% repeat(6,1fr);text-align:center;color:#6b7590;background:#f6f9fd;font-size:1.4cqw;line-height:1.3}.nj-days span{padding:.5cqw}.nj-days span:nth-child(2){color:#e68a2b;background:#fff5db}.nj-hours{position:absolute;left:0;top:4.4cqw;width:6cqw;font-size:1.25cqw;line-height:3.4cqw;background:#fff;color:#7a8596}
.nj-event{position:absolute;width:12cqw;height:5cqw;padding:.5cqw;border-radius:.65cqw;color:#347247;font-size:1.25cqw;line-height:1.15;background:#cdecd1}.nj-event.e1{top:10cqw;left:9cqw}.nj-event.e2{top:5.3cqw;left:23cqw;background:#c9e8ff;color:#0577c9}.nj-event.e3{top:14cqw;left:36cqw;background:#c0efff;color:#1083b3}.nj-event.e4{top:9cqw;left:49cqw}.nj-event.e5{top:14cqw;left:63cqw;background:#c8e8ff;color:#006ac4}
.nj-subtabs{display:flex;gap:1.8cqw;background:#f6f9fd;padding:1.1cqw;margin-bottom:1.5cqw;font-size:1.45cqw;color:#707f98;white-space:nowrap}.nj-subtabs strong{color:#0784ff;background:#e4f3ff;border-radius:.6cqw}
.nj-patient-details{display:flex;gap:1.7cqw;min-height:17cqw}.nj-avatar{width:15%;height:16cqw;border-radius:1cqw;background-color:#f5f0eb;background-size:420% 280%;background-position:2% 0%}
.nj-patient-details dl{width:36%;margin:0;font-size:1.4cqw;line-height:2.8cqw}.nj-patient-details dl div{display:flex;border-bottom:1px solid #edf0f6}.nj-patient-details dt{color:#79869d;width:48%;font-size:1.3cqw}.nj-patient-details dd{margin:0;white-space:nowrap;font-size:1.3cqw}.nj-visit-history{display:flex;flex:1;flex-direction:column;gap:1.4cqw;font-size:1.25cqw;white-space:nowrap}.nj-visit-history span{color:#8490a5}.nj-visit-history b{font-size:1.6cqw}
.nj-ui-visit .nj-main{padding:2.2cqw}.nj-ui-visit .nj-ui-heading>b{font-size:2.7cqw}.nj-record{background:#14ae4a;color:#fff;border-radius:.7cqw;padding:1.5cqw;font-weight:600}.nj-ui-visit .nj-ui-heading>span{font-size:1.8cqw;padding:1.5cqw 2cqw}.nj-ui-visit aside{width:34%;padding:1cqw .6cqw;border:0;font-size:1.7cqw;gap:.6cqw}.nj-notes{padding:1.3cqw 0 0 2cqw;flex:1}.nj-notes p{color:#617086;font-size:1.85cqw;line-height:1.7;margin:0 0 .5cqw}.nj-ui-actions{display:flex;align-items:center;gap:2cqw;font-size:1.6cqw;margin-top:2cqw;white-space:nowrap}.nj-ui-actions>span:nth-child(2){color:#0872ff;border:1px solid #e0eaf7;border-radius:.7cqw;padding:1.3cqw}
.nj-ui-cash .nj-main{padding:1.7cqw}.nj-ui table{border-collapse:collapse;width:100%;font-size:1.65cqw;text-align:left;white-space:nowrap}.nj-ui th{font-weight:600;color:#131722;font-size:1.5cqw}.nj-ui td,.nj-ui th{padding:1.2cqw 2.5cqw;border-bottom:1px solid #e8edf4}.nj-ui td{color:#53627b}.nj-ui tr:last-child td{border-bottom:0}.nj-paid{display:inline-block;padding:.5cqw 1.4cqw;border-radius:.65cqw;background:#06ab42;color:white;font-size:1.45cqw}
.nj-phone{width:14cqw;height:23cqw;transform:rotate(4deg);border:.45cqw solid #282c32;border-bottom:0;border-radius:3cqw 3cqw 1.2cqw 1.2cqw;background:#fff;box-shadow:.6cqw -.15cqw .2cqw #a6abad,0 0 2cqw #a7c7b330;position:relative;padding:.6cqw .7cqw 1cqw;overflow:hidden;mask-image:linear-gradient(#000 86%,transparent)}
.nj-phone-content{font:400 .8cqw/1.4 Arial,sans-serif;color:#242735}.nj-phone-status{display:flex;justify-content:space-between;font-size:.6cqw;font-weight:700;margin-bottom:.7cqw}.nj-phone-content>b{font-size:1.14cqw;color:#111}.nj-phone-speaker{position:absolute;top:0;left:38%;width:25%;height:.6cqw;background:#262b30;border-radius:0 0 .7cqw .7cqw}.nj-pet-summary{display:flex;gap:.4cqw;margin:1.2cqw 0}.nj-pet-summary>.nj-art{width:3cqw;height:3.3cqw}.nj-pet-summary strong{display:block;font-size:.72cqw}.nj-pet-summary small{display:block;font-size:.6cqw;color:#96a2be}.nj-phone-link{display:flex;align-items:center;gap:1cqw;padding:1cqw .2cqw;border-bottom:1px solid #f2f4f8;white-space:nowrap;font-size:.74cqw}.nj-phone-link i{color:#007aff;font-style:normal;font-size:1.45cqw;line-height:1}.nj-phone-link:nth-last-child(-n+2) i{color:#8534ff}.nj-phone-link>span{margin-left:auto;color:#b2bbcb}
.nj-filters{color:#9aa4b6;font-size:1.35cqw;margin:1.2cqw 0 1.5cqw}.nj-filters>span{border:1px solid #e5eaf2;border-radius:.7cqw;padding:.7cqw 1.5cqw;color:#5f6d85}.nj-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.7cqw}.nj-metric{position:relative;background:white;border:1px solid #edf1f7;border-radius:1.1cqw;padding:1.5cqw;min-height:13cqw;box-shadow:0 .3cqw 1cqw #c0d1e21a}.nj-metric>b{font-size:1.45cqw;display:block;margin-bottom:.8cqw}.nj-revenue{display:flex;align-items:center;gap:2cqw;height:8cqw}.nj-bars{display:flex;gap:.5cqw;align-items:flex-end;height:7cqw;width:13cqw}.nj-bars i{width:1.4cqw;background:linear-gradient(#10b844,#97dba7)}.nj-revenue strong{font-size:1.9cqw;white-space:nowrap}.nj-revenue em{display:block;font:700 1.5cqw/2 Arial,sans-serif}.nj-load{display:flex;gap:.8cqw;align-items:center;font-size:1.3cqw;line-height:2.2cqw;color:#8491a5}.nj-load>span{width:7cqw}.nj-load i{width:calc(var(--load) * .14);height:1cqw;background:linear-gradient(90deg,#30ae59,#ade0b5)}.nj-load small{margin-left:auto;font-size:1.2cqw}.nj-count{position:absolute;right:1.5cqw;top:1.5cqw;font-size:1.9cqw}.nj-metric svg{width:22cqw;height:8cqw;margin-top:.2cqw}.nj-growth{position:absolute;right:1cqw;bottom:3cqw;font:bold 1.4cqw Arial,sans-serif}
@media(min-width:1600px){.native-journey{padding-top:38px}}
@media(max-width:700px){
.native-journey{padding:28px 0 25px}.nj-inner{width:100%}.nj-heading{padding:0 22px 25px}.nj-heading h2{font-size:27px;letter-spacing:-1px}.nj-heading p{font-size:13px;margin-top:8px;line-height:1.4}.nj-step,.nj-step-6{grid-template-columns:1fr;gap:18px;padding:10px 22px 35px 54px;min-height:0}.nj-story,.nj-step:nth-child(even) .nj-story,.nj-step-6 .nj-story{grid-column:1;grid-row:1;min-height:160px;padding:12px 0 0;display:flex}.nj-step:nth-child(even) .nj-screen,.nj-step .nj-screen{grid-column:1;grid-row:2;transform:none;padding:0}.nj-number{left:-23px;top:17px;width:30px;height:30px;min-width:0;min-height:0;font-size:12px}.nj-story h3{font-size:23px;letter-spacing:-.7px;line-height:1.06;margin-bottom:8px}.nj-copy p,.nj-step .nj-copy p{font-size:13px;max-width:220px;line-height:1.35}.nj-copy,.nj-step-1 .nj-copy{width:100%}.nj-step .nj-copy{margin:0;align-self:auto}.nj-more{font-size:14px;min-height:35px;width:132px;margin-top:10px}.nj-step .nj-story>.nj-art{width:135px;right:-10px;bottom:-7px;opacity:1}.nj-step-1 .nj-copy p{max-width:180px}.nj-step-1 .nj-story>.nj-art{width:120px;right:-12px}.nj-step-2 .nj-copy{align-self:flex-start}.nj-step-2 .nj-story>.nj-art{width:120px;bottom:-22px;right:-10px}.nj-step-3 .nj-story{min-height:220px;padding-bottom:8px}.nj-step-3 h3{white-space:normal;font-size:22px}.nj-step-3 .nj-copy{align-self:flex-start}.nj-step-3 .nj-copy p{max-width:178px}.nj-step-3 .nj-story>.nj-art{width:150px;right:-10px;bottom:-15px}.nj-step-4 .nj-story{min-height:210px;align-items:flex-start}.nj-step-4 .nj-copy p{max-width:180px}.nj-step-4 .nj-story>.nj-art{bottom:15px;width:120px}.nj-partners{left:0;bottom:-5px;width:100%;height:27px;gap:14px;justify-content:flex-end}.nj-partners img{width:65px;height:24px}.nj-partners img:last-child{width:28px}.nj-step-5 .nj-story{min-height:190px}.nj-step-5 .nj-copy p{max-width:200px}.nj-step-5 .nj-story>.nj-art{right:-12px;width:140px;bottom:-15px}.nj-step-5 .nj-screen{justify-content:center}.nj-phone{width:145px;height:240px;border-width:5px;border-radius:28px 28px 12px 12px;padding:6px 7px 10px;box-shadow:5px -2px 2px #a6abad,0 0 22px #a7c7b330}.nj-phone-content{font-size:8px}.nj-phone-status{font-size:7px;margin-bottom:9px}.nj-phone-content>b{font-size:13px}.nj-phone-speaker{height:7px;border-radius:0 0 7px 7px}.nj-pet-summary{gap:6px;margin:13px 0}.nj-pet-summary>.nj-art{width:34px;height:36px}.nj-pet-summary strong{font-size:9px}.nj-pet-summary small{font-size:7px}.nj-phone-link{gap:10px;padding:10px 2px;font-size:8px}.nj-phone-link i{font-size:16px}.nj-step-6 .nj-story{min-height:220px;align-items:flex-start}.nj-step-6 .nj-copy p{max-width:190px}.nj-step-6 .nj-story>.nj-art{bottom:-8px;right:-15px;width:125px}.nj-trail path{stroke-dasharray:3 4;opacity:.65}
}
@media(prefers-reduced-motion:reduce){.nj-more{transition:none}}
/* Reference typography and clear space around the drawings. */
.nj-heading h2{font-family:'Times New Roman',Georgia,serif;font-size:3.15cqw;letter-spacing:-1.1px}
.nj-story h3{font-family:'Times New Roman',Georgia,serif;font-size:2.4cqw;letter-spacing:-.65px;line-height:1.02}
.nj-step-1 .nj-copy{width:31cqw}.nj-step-1 .nj-copy p{max-width:20cqw}
.nj-step-3 .nj-story>.nj-art{right:-4.8cqw;width:23cqw;bottom:-1.8cqw}
.nj-step-3 h3{max-width:30cqw;font-size:2.3cqw;white-space:normal}
.nj-step-6 .nj-screen{width:96%}.nj-step-6 .nj-story{margin-left:2.6cqw;padding-left:4.2cqw}
.nj-load i{flex:none;width:calc(var(--load) * .55);max-width:13cqw}
.nj-avatar{background-size:300% 200%;background-position:0 0;aspect-ratio:1;height:auto;align-self:flex-start}
.nj-partners img:nth-of-type(2){width:10cqw;object-fit:cover;object-position:center;clip-path:inset(15% 0)}
@media(max-width:700px){.nj-heading h2{font-size:28px}.nj-story h3,.nj-step-3 h3{font-size:24px;max-width:none}.nj-step-1 .nj-copy{width:100%}.nj-step-1 .nj-copy p{max-width:180px}.nj-step-3 .nj-story>.nj-art{width:150px;right:-10px;bottom:-15px}.nj-step-6 .nj-screen{width:100%}.nj-step-6 .nj-story{margin-left:0;padding-left:0}.nj-partners img:nth-of-type(2){width:86px}}
/* Keep every sprite within its own visual boundary. */
.art-0{background-size:280% 200%}.art-1{clip-path:inset(0 12% 0 12%)}.art-2{background-size:280% 200%}.art-4{clip-path:inset(0 0 0 4%)}.art-5{clip-path:inset(0 0 0 8%)}
.nj-step-3 h3{font-size:2.15cqw}.nj-step-3 .nj-story>.nj-art{width:21.5cqw;right:-5cqw}
.nj-partners img:nth-of-type(2){width:7.5cqw;height:3.5cqw;object-fit:cover;object-position:50% 43%;clip-path:none}
@media(max-width:700px){.nj-step-3 h3{font-size:24px}.nj-step-3 .nj-story>.nj-art{width:150px;right:-10px}.nj-partners img:nth-of-type(2){width:75px;height:34px}}
/* Wider composition and the site's local Nunito family. */
.nj-inner{max-width:1480px;width:calc(100% - 64px)}
.nj-heading{padding-bottom:32px}
.nj-heading h2{font-family:Nunito,Arial,sans-serif;font-size:clamp(30px,3cqw,44px);line-height:1.16;font-weight:700;letter-spacing:-1.4px}
.nj-heading p{font-size:clamp(14px,1.25cqw,18px);line-height:1.5;margin-top:10px;color:#768297}
.nj-story h3,.nj-step-3 h3{font-family:Nunito,Arial,sans-serif;font-size:2.12cqw;font-weight:700;line-height:1.12;letter-spacing:-.8px}
.nj-copy p{font-size:1.23cqw;line-height:1.42;color:#758297}
.nj-step-3 h3{max-width:29cqw;font-size:2cqw}
.nj-more{font-size:1.18cqw;min-height:40px;border-radius:8px;padding:7px 20px}
.nj-ui{border-radius:7px}
@media(max-width:1000px) and (min-width:701px){.nj-inner{width:calc(100% - 32px)}.nj-heading h2{font-size:32px}.nj-story h3,.nj-step-3 h3{font-size:2.3cqw}.nj-copy p{font-size:1.4cqw}.nj-more{font-size:13px;min-height:34px}}
@media(max-width:700px){.nj-inner{width:100%}.nj-heading{padding:0 22px 25px}.nj-heading h2{font-size:29px;letter-spacing:-.9px}.nj-heading p{font-size:14px}.nj-story h3,.nj-step-3 h3{font-size:23px;max-width:none;line-height:1.12;letter-spacing:-.65px}.nj-copy p,.nj-step .nj-copy p{font-size:14px;line-height:1.4}.nj-more{font-size:14px;min-height:38px}.nj-step-1 .nj-story{min-height:185px}.nj-step-2 .nj-story{min-height:180px}.nj-step-3 .nj-story{min-height:245px}.nj-step-5 .nj-story{min-height:215px}.nj-step-6 .nj-story{min-height:235px}}

/* Match the original hero heading typography across the new section. */
.nj-heading h2,.nj-story h3,.nj-step-3 h3{font-family:KyivTypeSerif,Georgia,serif;font-weight:700}
.nj-heading h2{letter-spacing:-1.1px}
.nj-story h3{font-size:1.95cqw;line-height:1.13;letter-spacing:-.65px}
.nj-step-3 h3{font-size:1.78cqw;max-width:29cqw}
@media(max-width:1000px) and (min-width:701px){.nj-story h3{font-size:2.1cqw}.nj-step-3 h3{font-size:1.9cqw}}
@media(max-width:700px){.nj-heading h2{font-size:28px}.nj-story h3,.nj-step-3 h3{font-size:22px;max-width:none;line-height:1.16}}
/* Original illustrations supplied by the user; no generated atlas or cropping. */
.nj-art{background-size:contain;background-position:center;background-repeat:no-repeat;clip-path:none}
.art-0{background-image:url('assets/journey/supplied/dog-phone.png')}
.art-1{background-image:url('assets/journey/supplied/cat-wave.png')}
.art-2{background-image:none}
.art-3{background-image:url('assets/journey/supplied/dog-receipt.png')}
.art-4{background-image:url('assets/journey/supplied/dog-happy.png')}
.art-5{background-image:url('assets/journey/supplied/manager-tablet.png')}
.nj-story>.art-0{aspect-ratio:2/1;width:20cqw}
.nj-story>.art-1{aspect-ratio:1;width:17cqw}
.nj-story>.art-3{aspect-ratio:3/2;width:20cqw}
.nj-story>.art-4{aspect-ratio:3/2;width:22cqw}
.nj-story>.art-5{aspect-ratio:1;width:17cqw}
.nj-supplied-vet,.nj-supplied-robot{position:absolute;display:block;object-fit:contain;max-width:none;height:auto;bottom:0}
.nj-supplied-vet{width:86%;right:0}.nj-supplied-robot{width:45%;left:-3%;bottom:-1%}
.nj-avatar{background-size:contain;background-position:center}
@media(max-width:700px){.nj-story>.art-0{width:132px}.nj-story>.art-1{width:125px}.nj-story>.art-3{width:135px}.nj-story>.art-4{width:145px}.nj-story>.art-5{width:130px}}
.nj-step-3 .nj-story>.art-2{width:19.5cqw;right:-3cqw}
.nj-step-4 .nj-story>.art-3{bottom:2.5cqw}
.nj-step-6 .nj-copy p{max-width:18cqw}
@media(max-width:700px){.nj-step-3 .nj-story>.art-2{width:140px;right:-5px}.nj-step-4 .nj-story>.art-3{bottom:36px}.nj-step-6 .nj-copy p{max-width:175px}}
/* Progressive roadmap reveal; content stays visible when JavaScript is unavailable. */
@media(prefers-reduced-motion:no-preference){
 .nj-reveal-enabled .nj-step{opacity:0;transition:opacity .65s ease}
 .nj-reveal-enabled .nj-step .nj-copy,.nj-reveal-enabled .nj-step .nj-screen,.nj-reveal-enabled .nj-step .nj-story>.nj-art{transform:translateY(22px);transition:transform .75s cubic-bezier(.2,.65,.25,1)}
 .nj-reveal-enabled .nj-step.nj-visible{opacity:1}
 .nj-reveal-enabled .nj-step.nj-visible .nj-copy,.nj-reveal-enabled .nj-step.nj-visible .nj-screen,.nj-reveal-enabled .nj-step.nj-visible .nj-story>.nj-art{transform:translateY(0)}
 .nj-reveal-enabled .nj-step .nj-screen{transition-delay:.1s}
 .nj-reveal-enabled .nj-step .nj-story>.nj-art{transition-delay:.16s}
}
@media(prefers-reduced-motion:reduce){.nj-trail>path{clip-path:none!important}.nj-step,.nj-step .nj-copy,.nj-step .nj-screen,.nj-step .nj-story>.nj-art{transition:none!important}}
/* Supplied real owner account image replaces the illustrative phone. */
.nj-owner-phone{display:block;width:17cqw;max-width:100%;height:auto;transform:rotate(3deg);filter:drop-shadow(0 6px 10px #294d2c12)}
.nj-step-5{min-height:35cqw}
@media(max-width:700px){.nj-owner-phone{width:180px}.nj-step-5{min-height:0}}
/* Smaller phone, softly lit and angled independently of scroll reveals. */
.nj-phone-display{position:relative;isolation:isolate;width:14.5cqw;flex-shrink:0;transform:rotate(-3deg)}
.nj-phone-display:before{content:'';position:absolute;z-index:-1;inset:5% -32% -3%;border-radius:50%;background:radial-gradient(ellipse,#e1efd9a6 0, #edf5e35c 42%,transparent 70%);transform:rotate(3deg)}
.nj-phone-display .nj-owner-phone{width:100%;max-width:none;transform:none;filter:drop-shadow(5px 12px 10px #2d48391a)}
.nj-step-5{min-height:31cqw}
@media(max-width:700px){.nj-phone-display{width:158px;margin:8px 0 12px}.nj-step-5{min-height:0}}
/* Preserve the original pixels: hide only the browser toolbar with a screen-shaped overlay. */
.nj-phone-display{transform:none}
.nj-phone-display .nj-owner-phone{image-rendering:auto;filter:drop-shadow(3px 8px 8px #2d483914)}
.nj-phone-browser-cover{position:absolute;z-index:2;left:8.1%;right:7.2%;top:93.55%;height:3.25%;background:linear-gradient(110deg,#fafafa,#f9f9f9);border-radius:0 0 18% 18%;pointer-events:none}
/* Match the curved screen edge instead of covering the black bezel. */
.nj-phone-display{transform:rotate(4deg)}
.nj-phone-browser-cover{left:8.15%;right:7.45%;top:92.95%;height:4.02%;border-radius:0;background:linear-gradient(to bottom,#fafafa00 0%,#fafafa 17%,#fafafa 100%);clip-path:polygon(0 0,100% 0,100% 27%,99% 52%,97% 73%,94% 88%,89% 100%,11% 100%,6% 88%,3% 73%,1% 52%,0 27%)}
/* Keep the original roadmap layout; only the fourth row has integration cards. */
.tools-section{background:#fff}.tools-section:before{display:none}
.nj-step-4{min-height:28cqw}
.nj-step-4 .nj-story{min-height:22cqw}
.nj-step-4 .nj-story>.art-3{bottom:5cqw}
.nj-partners{position:absolute;left:5.2cqw;bottom:-.5cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:24cqw;height:auto;margin:0;z-index:3}
.nj-partner-card{display:flex;align-items:center;justify-content:center;min-width:0;height:62px;padding:10px;background:#fff;border:1px solid #dfebd8;border-radius:11px;box-shadow:0 4px 14px #45683c0c;overflow:hidden}
.nj-partners .nj-partner-card img{width:100%;height:30px;object-fit:contain;clip-path:none;mix-blend-mode:normal}
.nj-partners .partner-honest img{height:42px;object-fit:cover;object-position:50% 43%}
.nj-partners .partner-piot img{width:34px;height:34px}
@media(max-width:1000px) and (min-width:701px){.nj-partners{gap:6px;width:26cqw}.nj-partner-card{height:48px;padding:6px}.nj-partners .partner-honest img{height:32px}}
@media(max-width:700px){.nj-step-4{min-height:0}.nj-step-4 .nj-story{min-height:240px}.nj-step-4 .nj-story>.art-3{bottom:70px;width:120px}.nj-partners{left:0;bottom:0;width:100%;gap:8px}.nj-partner-card{height:54px;padding:8px}.nj-partners .partner-honest img{height:36px}.nj-partners .partner-piot img{width:30px;height:30px}}
/* The longer payment description stays clear of its illustration and logo cards. */
@media(min-width:701px){.nj-step-4 h3{max-width:30cqw;font-size:1.8cqw;line-height:1.18}.nj-step-4 .nj-copy p{max-width:24cqw;font-size:1.15cqw;line-height:1.45}.nj-step-4 .nj-story>.art-3{width:14cqw;right:-5cqw;bottom:5cqw}.nj-step-4 .nj-story{min-height:24cqw}.nj-step-4{min-height:30cqw}}
@media(max-width:700px){.nj-step-4 .nj-story{min-height:340px}.nj-step-4 h3{max-width:100%;font-size:22px}.nj-step-4 .nj-copy p{max-width:100%;font-size:14px}.nj-step-4 .nj-story>.art-3{bottom:62px;width:100px}}
/* Bring integrations closer to their copy and reduce the phone footprint. */
@media(min-width:701px){.nj-step-4 .nj-partners{bottom:3cqw}.nj-phone-display{width:11.6cqw}}
@media(max-width:700px){.nj-step-4 .nj-partners{bottom:20px}.nj-step-4 .nj-story>.art-3{bottom:82px}.nj-phone-display{width:130px}}
/* Distinguish the advantages section from the white roadmap and pricing. */
.tools-section{background:linear-gradient(135deg,#edf6e6 0%,#f3f8ee 48%,#eaf4e3 100%);border-top:1px solid #dfebd7;border-bottom:1px solid #dce9d3;box-shadow:inset 0 16px 30px -28px #5c7b4540,inset 0 -16px 30px -28px #5c7b452e}
.tools-section:before{display:block;width:1000px;height:620px;right:-540px;top:-150px;border:44px solid #fff;border-radius:50%;opacity:.38}
.tools-section .tool-panel{background:#fff;border-color:#dbe8d2;box-shadow:0 12px 35px #3e663813}
.tools-section .tool-tabs button:not([aria-selected=true]){background:#ffffffde;border-color:#d5e4ca}
@media(max-width:700px){.tools-section{padding-top:46px;padding-bottom:48px}.tools-section:before{right:-720px;opacity:.25}}
/* Supplied single composition replaces both the resting dog and the separate phone. */
.nj-step-5 .nj-owner-composition{padding-left:0;justify-content:center}
.nj-owner-composition-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 6px 8px #3551320c)}
.nj-step-5{min-height:32cqw}
@media(max-width:700px){.nj-step-5{min-height:0}.nj-step-5 .nj-story{min-height:170px}.nj-step-5 .nj-owner-composition{padding:0;justify-content:center}.nj-owner-composition-image{width:100%;max-width:320px}}
@media(min-width:701px){.nj-step-5 .nj-owner-composition{left:-12cqw}}
@media(max-width:700px){.nj-step-5 .nj-owner-composition{left:0}}
@media(min-width:701px){.nj-step-5 .nj-owner-composition{left:-15cqw}}
/* Repeat the pale side loops through the full six-step roadmap. */
.native-journey{background-color:#fff;background-image:url('assets/journey/roadmap-background.svg');background-repeat:repeat-y;background-position:center top;background-size:100% 1000px}
.native-journey:before,.native-journey:after{display:none}
@media(max-width:700px){.native-journey{background-size:100% 780px}}
/* One varied composition instead of identical repeated loops. */
.native-journey{background-repeat:no-repeat;background-size:100% 100%;background-position:center}
@media(max-width:700px){.native-journey{background-size:100% 100%}}
/* The header scrolls with the page; anchor navigation needs no fixed-header offsets. */
html{scroll-padding-top:0}
#clinic-work{scroll-margin-top:0}
.journey-circled-word{position:relative;display:inline-block;white-space:nowrap;padding-inline:.13em;isolation:isolate}
.journey-circled-word svg{position:absolute;left:-9%;top:-17%;width:118%;height:141%;overflow:visible;pointer-events:none;z-index:-1;transform:rotate(-3deg)}
.journey-circled-word path{fill:none;stroke:#efaa8e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.nj-heading h2{line-height:1.35}
.journey-heading-dark{color:#1c1c1c}