/* Door to Done: clear product storytelling with an illustrated, human touch. */
:root{--ink:#302b3c;--navy:#342849;--purple:#5749e6;--purple-dark:#4335d6;--lavender:#c0ace7;--muted:#696371;--line:#e7e2ee;--soft:#f7f5fb;--heading:'Manrope',sans-serif}
.wrap{width:min(1240px,calc(100% - 96px))}
.header{border-color:#f0edf4;background:#fffffff5;backdrop-filter:blur(14px)}
.button{border-radius:999px;padding-inline:27px}.button.small{padding-inline:21px}
.text-link{font-size:16px;text-decoration-thickness:1px;text-underline-offset:7px}
.sketch-hero{text-align:center;padding:83px 0 49px;position:relative;overflow:hidden}
.sketch-hero .wrap{position:relative}
.sketch-hero .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:25px}
.sketch-hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.13;letter-spacing:-.052em;font-weight:750}
.pencil-underline{position:relative;display:inline-block;color:var(--purple);isolation:isolate}
.pencil-underline:after{content:'';position:absolute;left:1%;right:0;bottom:-9px;height:8px;border-top:3px solid #ab94d7;border-bottom:2px solid #d1c1ea;border-radius:45% 35% 45% 35%;transform:rotate(-1deg);z-index:-1}
.sketch-intro{max-width:665px;margin:34px auto 0;font-size:18px;line-height:1.8}
.sketch-actions{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}
.hero-reassurance{margin-top:20px;font-size:13px;line-height:1.7;color:#746e7c}
.sketch-overview{max-width:1120px;padding-bottom:60px}
.overview-frame{background:#f4f0fa;padding:27px 28px 28px;border-radius:17px}
.overview-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}
.overview-caption>span:first-child{font-size:12px;letter-spacing:.08em;font-weight:600;color:#76658f}
.hand-note{font-family:'Caveat',cursive;font-size:26px;line-height:1.1;color:#9275bb;transform:rotate(-4deg);display:inline-block;font-weight:500}
.overview-frame .screenshot-button{border-radius:9px;overflow:hidden;border:1px solid #ded7e8;box-shadow:0 12px 35px #38265309}
.overview-frame img{width:100%}
.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 4px 0;font-size:12px;color:#80798b}
.screen-caption .enlarge-link{font-size:12px}
.hero-sketch{position:absolute;width:175px;height:auto;left:-18px;top:34px;transform:rotate(-4deg);pointer-events:none}
.sketch-value-line{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 38px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:#6d6379}
.sketch-value-line a{color:var(--purple);font-weight:500;text-decoration:underline;text-underline-offset:5px}
.home-page .section{padding-block:88px}
.centered-heading{text-align:center;max-width:830px;margin:0 auto 37px}
.centered-heading h2{font-size:clamp(32px,3.2vw,45px);font-weight:700}
.centered-heading>p:last-child{margin-top:22px;font-size:17px;line-height:1.8}
.light-underline{position:relative;display:inline-block;isolation:isolate}
.light-underline:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:7px;border-top:2px solid #ae97d2;border-radius:50%;transform:rotate(-1.5deg);z-index:-1}
.sketch-tour .tour-tabs{margin:0 auto 38px;background:#f8f6fb;border:1px solid #eee9f5;border-radius:999px;padding:5px;gap:4px}
.sketch-tour .tour-tabs button{border-radius:999px;padding:11px 19px;font-size:14px;color:#796b89}
.sketch-tour .tour-tabs button[aria-selected=true]{border-color:#d8cceb;background:#fff;color:var(--purple);box-shadow:0 2px 5px #37264405}
.sketch-tour .tour-panel{padding:0;display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;background:transparent;border:0;margin-top:0;min-height:0}
.sketch-tour .tour-copy h3{font-size:39px;line-height:1.15;font-weight:700;max-width:390px}
.sketch-tour .tour-copy p{font-size:16px;line-height:1.8;max-width:390px}
.sketch-tour .tour-copy .text-link{font-size:16px;margin-top:25px}
.sketch-tour .tour-index{font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:20px}
.sketch-tour .tour-screen{position:relative;background:#f6f3fa;border-radius:20px;padding:53px 24px 17px}
.tour-annotation{margin:0 0 14px 9px;transform:rotate(-3deg);font-size:27px}
.sketch-tour .tour-screen>.screenshot-button{aspect-ratio:auto;border:1px solid #e1dbe9;border-radius:6px;display:block}
.sketch-tour .tour-screen img{height:auto;width:100%;max-height:none;object-fit:contain}
.sketch-tour .tour-screen>p{font-size:12px;margin-top:14px;color:#7d7487}
.sketch-tour .tour-screen .enlarge-link{font-size:12px}
.illustrated-feature{display:grid;grid-template-columns:1.3fr .8fr;gap:65px;align-items:center}
.home-page .illustrated-feature{padding-top:48px;padding-bottom:80px}
.illustrated-copy h2{font-size:clamp(32px,3.1vw,43px);font-weight:700;line-height:1.2}
.illustrated-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;margin-top:23px;max-width:425px}
.illustrated-copy>.text-link{margin-top:26px}
.sketch-canvas{position:relative;background:#f8f6fb;border-radius:20px;min-width:0}
.estimate-canvas{padding:94px 26px 21px;background:#f6f4fa}
.estimate-canvas>.screenshot-button{overflow:hidden;border-radius:7px;border:1px solid #e2dce9}
.estimate-canvas img{width:100%;max-width:100%;height:auto;margin-left:0}
.sketch-note{position:absolute;display:flex;gap:14px;align-items:center;top:23px;left:37px;pointer-events:none;color:#9475bc}
.sketch-note .hand-note{font-size:28px;line-height:1.05}
.sketch-note svg{width:63px;height:43px}
.mobile-feature{grid-template-columns:.8fr 1.3fr;gap:72px}
.mobile-showcase{min-width:0}
.mobile-canvas{padding:40px;display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:28px;align-items:center;background:#f5f2fa}
.sketch-phone{width:248px;max-width:100%;padding:16px 5px;background:#fff;border:5px solid #403649;border-radius:28px;box-shadow:0 14px 32px #40364910;overflow:hidden;justify-self:center}
.sketch-phone img{width:100%;height:auto}
.mobile-showcase figcaption{font-size:12px;color:#81768d;margin-top:18px;line-height:1.6;text-align:center}
.mobile-aside{display:flex;flex-direction:column;align-items:center;gap:38px;min-width:0}
.mobile-aside .hand-note{font-size:29px;line-height:1.15;text-align:center}
.tech-illustration{width:220px;max-width:100%;height:auto;transform:rotate(-3deg);pointer-events:none}
.mobile-feature .check-list{gap:13px;margin:23px 0 0}
.mobile-feature .check-list li{font-size:15px}
.garage-details{background:#faf9fc;margin-top:17px}
.garage-details-inner{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.garage-details h2{font-size:38px;line-height:1.2}
.garage-details-inner>div:first-child>p:last-child{max-width:420px;margin-top:23px;font-size:16px;line-height:1.8}
.garage-detail-links>a{display:flex;align-items:start;gap:22px;padding:23px 0;border-bottom:1px solid #e2dce9}
.garage-detail-links>a:first-child{padding-top:0}
.garage-detail-links>a>span{font-size:12px;color:var(--purple);margin-top:4px}
.garage-detail-links h3{font-size:21px;line-height:1.3;font-weight:600}
.garage-detail-links p{font-size:15px;margin-top:9px;line-height:1.7}
.garage-detail-links a:hover h3{color:var(--purple)}
.teams-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center}
.teams-intro h2{font-size:42px;line-height:1.24}
.teams-intro>div>p:last-child{font-size:17px;line-height:1.85;max-width:535px;margin-top:25px}
.crew-drawing{display:flex;flex-direction:column;align-items:center}
.crew-drawing img{width:370px;height:auto;transform:rotate(-2deg)}
.crew-drawing .hand-note{font-size:27px;transform:rotate(-4deg);margin-top:-15px}
.sketch-team-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:46px}
.sketch-team-stories article{border-top:1px solid #ddd4e9;padding-top:25px}
.sketch-team-stories .team-kicker{color:var(--purple);font-size:12px;margin-bottom:16px}
.sketch-team-stories h3{font-size:25px;line-height:1.35;font-weight:600}
.sketch-team-stories article>p:last-child{font-size:15px;line-height:1.8;margin-top:15px}
.sketch-teams .all-features-link{margin-top:39px;font-size:16px}
.sketch-pricing{background:#f7f4fb}
.home-page .home-pricing{gap:105px;align-items:center}
.home-pricing h2{font-size:46px;line-height:1.24}
.home-pricing .crew-slider{background:#fff;border-color:#e5dcee;border-radius:13px;max-width:440px;padding:22px 25px;margin:33px 0 27px}
.crew-slider p{font-size:13px}
.price-card{border:1px solid #ded3ec;border-radius:20px;box-shadow:0 15px 45px #37214d05;padding:36px}
.price-card .button{border-radius:999px}
.plan-label span{font-size:13px}
.billing-toggle{border-radius:999px;background:#f7f4fa;border-color:#ede7f4;margin-top:25px}
.billing-toggle button{border-radius:999px;font-size:14px;padding:11px 9px}
.billing-toggle span{font-size:12px}
.price-card #billing-detail{font-size:14px}
.included li{font-size:15px}
.price-card .trial-note,.pricing-note{font-size:13px}
.home-page .faq-section{border:0;gap:90px}
.faq-list summary{font-size:16px;font-weight:500;padding-top:24px;padding-bottom:24px}
.faq-list details>p{font-size:16px;line-height:1.8}
.final-cta{background:#f7f4fb;color:var(--ink);text-align:center;padding:85px 0}
.final-cta .eyebrow{color:var(--purple)}
.final-cta h2{font-size:clamp(36px,4.2vw,55px);font-weight:650}
.final-cta p:not(.eyebrow){color:var(--muted);font-size:17px}
.final-cta .button{background:var(--purple);border-color:var(--purple);color:white;border-radius:999px}
.final-cta small{color:var(--muted);font-size:13px}
.footer{background:white;border-top:1px solid #ece7f2;color:var(--ink)}
.footer h3{color:var(--ink)}.footer a,.footer p,.footer span{color:var(--muted)}.footer .brand,.footer .brand span{color:var(--ink)}
.feature-highlights,.feature-detail-section{background:#f7f5fb}
.feature-card:hover{border-color:#c6b7df;background:#fcfbfe}
.feature-icon{background:#f2ecfa;color:var(--purple)}
@media(min-width:1400px){.hero-sketch{width:200px;left:-32px;top:27px}}
@media(max-width:1199px){.hero-sketch{position:static;width:155px;margin:-21px auto 17px;transform:rotate(-3deg)}.sketch-hero{padding-top:44px}.sketch-tour .tour-panel,.illustrated-feature{gap:40px}.home-page .home-pricing{gap:65px}.teams-intro{gap:45px}.teams-intro h2{font-size:36px}.garage-details-inner{gap:60px}}
@media(max-width:900px){.sketch-tour .tour-panel{grid-template-columns:1fr;gap:32px}.sketch-tour .tour-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.sketch-tour .tour-index{grid-column:1/-1;margin-bottom:14px}.sketch-tour .tour-copy h3{font-size:34px;grid-row:2/4}.sketch-tour .tour-copy .text-link{margin-top:16px}.sketch-tour .tour-screen{padding-top:30px}.sketch-tour .tour-tabs{margin-bottom:32px}.illustrated-feature{grid-template-columns:1fr 1fr;gap:35px}.illustrated-copy h2{font-size:31px}.estimate-canvas{padding-left:17px;padding-right:17px}.garage-details-inner{gap:43px}.garage-details h2{font-size:31px}.teams-intro{grid-template-columns:1.2fr 1fr;gap:30px}.teams-intro h2{font-size:32px}.crew-drawing .hand-note{font-size:24px}.sketch-team-stories{gap:26px}.sketch-team-stories h3{font-size:22px}.home-page .home-pricing{gap:36px}.home-pricing h2{font-size:34px}.price-card{padding:28px}.price-amount strong{font-size:64px;min-width:170px}.home-page .faq-section{gap:45px}.screen-caption{font-size:12px}.screen-caption .enlarge-link{font-size:12px}}
@media(max-width:700px){.home-page .section{padding-block:62px}.hero-sketch{width:147px;margin:-18px auto 15px}.sketch-value-line{font-size:13px;gap:10px 22px;line-height:1.7;padding:22px 0}.centered-heading{margin-bottom:28px}.centered-heading>p:last-child{font-size:16px}.desktop-break{display:none}.sketch-tour .tour-tabs{width:fit-content;max-width:100%;border-radius:10px;gap:3px;padding:4px}.sketch-tour .tour-tabs button{padding:10px 12px;gap:7px;font-size:13px;border-radius:6px}.sketch-tour .tour-copy{display:block}.sketch-tour .tour-copy h3{font-size:32px;max-width:400px;margin-bottom:17px}.sketch-tour .tour-copy p{max-width:100%}.sketch-tour .tour-copy .text-link{font-size:15px;margin-top:20px}.sketch-tour .tour-screen{padding:25px 15px 13px;border-radius:13px}.tour-annotation{font-size:24px;margin-left:4px}.sketch-tour .tour-screen>p{font-size:12px}.sketch-tour .tour-screen .enlarge-link{font-size:12px}.illustrated-feature{grid-template-columns:1fr;gap:28px}.home-page .illustrated-feature{padding-top:15px;padding-bottom:55px}.estimates-feature .illustrated-copy{grid-row:1}.illustrated-copy h2{font-size:32px}.illustrated-copy>p:not(.eyebrow){max-width:100%;font-size:16px}.illustrated-copy>.text-link{font-size:15px}.estimate-canvas{padding:87px 17px 18px}.sketch-note{left:24px;top:20px}.sketch-note .hand-note{font-size:26px}.mobile-feature .check-list li{font-size:15px}.garage-details{margin-top:0}.garage-details-inner{grid-template-columns:1fr;gap:32px;padding-block:53px}.garage-details h2{font-size:32px}.garage-detail-links h3{font-size:20px}.garage-detail-links p{font-size:15px}.garage-detail-links>a{gap:17px}.teams-intro{grid-template-columns:1fr;gap:19px}.teams-intro h2{font-size:32px}.teams-intro>div>p:last-child{font-size:16px}.crew-drawing img{width:305px}.crew-drawing .hand-note{font-size:25px;margin-top:-17px}.sketch-team-stories{grid-template-columns:1fr;gap:25px;margin-top:35px}.sketch-team-stories h3{font-size:24px}.sketch-team-stories h3 br{display:none}.sketch-team-stories .team-kicker{margin-bottom:12px}.sketch-team-stories article>p:last-child{margin-top:13px}.home-page .home-pricing{grid-template-columns:1fr;gap:33px}.home-pricing h2{font-size:37px}.home-pricing .crew-slider{max-width:none}.price-card{max-width:none;border-radius:16px;padding:28px}.price-amount strong{font-size:70px;min-width:185px}.home-page .faq-section{grid-template-columns:1fr;gap:25px}.faq-list summary{font-size:15px}.final-cta{padding:60px 0}.final-cta h2{font-size:37px}.final-cta p:not(.eyebrow){font-size:16px}.overview-caption>span:first-child{font-size:12px}.screen-caption{font-size:12px;line-height:1.7}.screen-caption .enlarge-link{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.pencil-underline:after{transform-origin:left;animation:pencil-mark .7s ease-out both}.sketch-hero .pencil-underline:after{animation-delay:.25s}@keyframes pencil-mark{from{opacity:0;transform:rotate(-1deg) scaleX(.1)}to{opacity:1;transform:rotate(-1deg) scaleX(1)}}.sketch-note svg path{stroke-dasharray:100;stroke-dashoffset:0}.is-visible .sketch-note svg path{animation:sketch-line .8s ease-out both}@keyframes sketch-line{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.sketch-hero{padding-top:64px}.sketch-hero h1{font-size:clamp(43px,6.5vw,65px)}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.sketch-hero{padding:47px 0 34px}.sketch-hero .eyebrow{font-size:12px;margin-bottom:20px}.sketch-hero h1{font-size:clamp(35px,9.7vw,50px);line-height:1.16;letter-spacing:-.055em}.pencil-underline:after{bottom:-5px;height:5px;border-top-width:2px;border-bottom-width:1px}.sketch-intro{font-size:16px;margin-top:26px;line-height:1.75}.sketch-actions{gap:20px;margin-top:25px}.sketch-actions .button{min-height:52px}.hero-reassurance{font-size:12px;max-width:290px;margin:19px auto 0}.overview-frame{padding:17px 12px 14px;border-radius:11px}.overview-caption{align-items:start;gap:14px;margin-bottom:15px}.overview-caption>span:first-child{font-size:12px;max-width:150px;line-height:1.7}.overview-caption .hand-note{font-size:21px;max-width:120px}.overview-frame .screenshot-button{border-radius:5px}.screen-caption{font-size:12px;align-items:start;gap:10px}.screen-caption .enlarge-link{font-size:12px;padding-top:0}.sketch-overview{padding-bottom:25px}}
@media(max-width:400px){.price-card{padding:23px 21px}.price-amount strong{font-size:clamp(48px,16vw,64px);min-width:0}.price-amount>span:first-child{font-size:25px}.price-amount>span:last-child{font-size:12px;margin-left:6px}.billing-toggle button{font-size:13px;padding:10px 7px;gap:6px}.billing-toggle span{font-size:12px}.sketch-hero h1{letter-spacing:-.045em}.sketch-actions{gap:17px}.sketch-actions .button{padding-inline:23px}}
@media(max-width:360px){.nav{gap:10px}.nav .brand{font-size:16px;gap:7px}.nav .brand img{width:26px;height:26px}.nav-actions .button.small{font-size:12px;padding:10px 12px;white-space:nowrap;min-height:42px}.home-pricing h2{font-size:32px}}

/* Give the real phone screen a readable size before the columns get tight. */
@media(max-width:1100px) and (min-width:1001px){.mobile-feature{gap:40px}.mobile-canvas{padding:30px;gap:20px;grid-template-columns:minmax(0,1fr) 230px}.sketch-phone{width:230px}.mobile-aside .hand-note{font-size:26px}}
@media(max-width:1000px){.mobile-feature{grid-template-columns:1fr;gap:38px}.mobile-feature .illustrated-copy{max-width:620px}.mobile-feature .illustrated-copy>p:not(.eyebrow){max-width:540px}.mobile-showcase{width:100%;max-width:680px;justify-self:center}.mobile-canvas{padding:42px 54px;grid-template-columns:minmax(0,1fr) 260px;gap:36px}.sketch-phone{width:260px}.mobile-aside .hand-note{font-size:30px}.tech-illustration{width:230px}}
@media(max-width:600px){.mobile-feature{gap:32px}.mobile-canvas{grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 24px 32px;border-radius:17px}.mobile-aside .hand-note{font-size:27px;line-height:1.2}.mobile-aside .hand-note br{display:none}.mobile-aside .tech-illustration{display:none}.sketch-phone{width:260px;border-radius:27px}.mobile-showcase figcaption{margin-top:15px;font-size:12px}}

/* The same calm, illustrated language across the complete marketing site. */
.feature-intro{text-align:center;max-width:860px;padding-top:54px;padding-bottom:50px}
.feature-intro h1,.hub-hero h1,.pricing-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.15;letter-spacing:-.048em;font-weight:750}
.feature-intro .lead{max-width:720px;margin:28px auto 0;font-size:18px;line-height:1.85}
.feature-intro .button{margin-top:28px}
.feature-intro .trial-note{font-size:13px;color:var(--muted);margin:18px auto 0;line-height:1.8}
.feature-showcase{max-width:1120px;padding-bottom:60px}
.annotated-figure{min-width:0}
.annotated-stage{padding:30px 38px 28px;background:#f5f2fa;border-radius:20px}
.annotation-band{position:relative;left:var(--note-x,50%);width:fit-content;max-width:70%;text-align:center;font-size:28px;line-height:1.2;transform:translateX(-50%) rotate(-3deg);color:#795b9f}
.annotation-top{margin-bottom:34px}
.annotation-bottom{margin-top:39px}
.annotated-image{position:relative;border:8px solid white;border-radius:13px;background:white;box-shadow:0 10px 28px #40364908}
.annotated-image>.screenshot-button{border-radius:5px;overflow:hidden}
.annotated-image img{display:block;width:100%;height:auto}
.screenshot-button.screenshot-crop{position:relative;display:block;width:100%;overflow:hidden;background:white}
.screenshot-crop img{position:absolute;max-width:none;height:auto;display:block}
.image-dialog.is-cropped .dialog-image{position:relative;overflow:hidden;width:var(--crop-width,850px);max-width:100%;margin-inline:auto;border-radius:9px;background:white}
.image-dialog.is-cropped .dialog-image img{position:absolute;max-width:none;max-height:none;height:auto}
@media(max-width:700px){.image-dialog.is-cropped .dialog-image{max-width:none}}
.scanner-showcase{max-width:1120px}
.automation-showcase{max-width:980px}
.feature-intro .feature-availability{max-width:730px;margin:24px auto 0;padding:16px 22px;background:#f5f2fa;border-left:3px solid #9a82bd;border-radius:3px 9px 9px 3px;text-align:left;font-size:14px;line-height:1.8;color:#63556e}
.feature-availability strong{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}
.feature-extra-showcase,.report-library{max-width:1120px}
.report-library .section-heading{align-items:end;gap:55px;margin-bottom:48px}
.report-library .section-heading>p{max-width:350px;font-size:17px;line-height:1.8;color:var(--muted)}
.report-groups{display:grid;grid-template-columns:1fr 1fr;gap:52px 70px}
.report-groups article{border-top:1px solid var(--line);padding-top:25px;min-width:0}
.report-group-heading{display:flex;align-items:start;gap:18px}
.report-group-heading .step-number{margin-top:8px;flex-shrink:0}
.report-group-heading h3{font-size:26px}
.report-group-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:9px}
.report-count{white-space:nowrap;margin-left:auto;padding-top:8px;font-size:12px;color:var(--purple)}
.report-groups ul{list-style:none;padding:0 0 0 37px;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px 25px}
.report-groups li{font-size:14px;line-height:1.7;color:#61576b}
@media(min-width:1100px){.mega-menu{grid-template-columns:200px 1fr}.mega-intro{padding:26px 23px}.mega-intro strong{font-size:21px}.mega-links{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-links>a{padding:12px 10px;gap:10px}.mega-links small{font-size:11px}.mega-links strong{font-size:13px}}
@media(max-width:700px){.feature-intro .feature-availability{font-size:13px;padding:15px 17px}.report-library .section-heading{display:block;margin-bottom:34px}.report-library .section-heading>p{margin-top:24px;font-size:16px}.report-groups{grid-template-columns:1fr;gap:34px}.report-group-heading{gap:13px}.report-group-heading h3{font-size:24px}.report-count{font-size:11px}.report-groups ul{padding-left:31px;gap:10px 18px}.report-groups li{font-size:13px}}
.scanner-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.scanner-pair .annotated-stage{padding:28px 25px}
.scanner-pair .annotation-band{max-width:100%;width:100%;text-align:center;left:auto;transform:rotate(-2deg);font-size:28px}
.scanner-pair .annotation-top{margin-bottom:34px}
.scanner-pair .annotation-bottom{margin-top:37px}
.scanner-pair .annotated-image>.screenshot-crop{border-radius:3.1% / 4.2%}
.image-dialog.is-cropped .dialog-image:has(img[src*="-label-scanner-sharp"]){border-radius:3.1% / 4.2%}
@media(max-width:850px){.scanner-pair{grid-template-columns:1fr;max-width:580px;margin-inline:auto;gap:35px}}
@media(max-width:700px){.scanner-pair .annotated-stage{padding:25px 18px}.scanner-pair .annotation-band{font-size:25px}.scanner-pair .annotation-top,.scanner-pair .annotation-bottom{margin-block:0 22px}.scanner-pair .annotation-bottom{margin:23px 0 0}}
.inspection-options{max-width:1120px;scroll-margin-top:100px}
.inspection-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.inspection-intro h2{font-size:clamp(32px,3vw,42px);line-height:1.22}
.inspection-intro>p{font-size:17px;line-height:1.9}
.inspection-steps{list-style:none;padding:0;margin:48px 0 55px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.inspection-steps li{border-top:1px solid var(--line);padding-top:23px}
.inspection-steps span{font-size:12px;color:var(--purple);display:block;margin-bottom:18px}
.inspection-steps h3{font-size:23px;line-height:1.3}
.inspection-steps p{font-size:16px;line-height:1.85;margin-top:16px}
.inspection-footnote{font-size:13px;line-height:1.8;margin:24px 0;max-width:810px;color:#81768d}
.feature-crosslinks{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:26px}
.feature-crosslinks .text-link{margin-top:0}
@media(max-width:850px){.inspection-intro{grid-template-columns:1fr;gap:25px}.inspection-steps{gap:24px}.inspection-steps h3{font-size:21px}}
@media(max-width:700px){.inspection-steps{grid-template-columns:1fr;gap:27px;margin:33px 0 37px}.inspection-steps li{display:grid;grid-template-columns:24px 1fr;gap:0 14px}.inspection-steps span{margin:4px 0 0;grid-row:1/3}.inspection-steps h3{font-size:23px}.inspection-steps p{grid-column:2}.inspection-intro>p{font-size:16px}.inspection-footnote{font-size:12px}}
.screen-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#9475bc}
.screen-arrows path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.annotated-figure>figcaption,.secondary-showcase>figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#81768d;line-height:1.7;margin:15px 3px 0}
.annotated-figure .enlarge-link,.secondary-showcase .enlarge-link{font-size:12px;padding-block:3px}
.phone-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);gap:38px;background:#f5f2fa;border-radius:20px;padding:48px 52px;align-items:center}
.phone-stage .sketch-phone{width:280px;max-width:100%;padding:18px 6px;border-radius:29px}
.phone-notes{display:flex;flex-direction:column;align-items:flex-end;gap:42px;align-self:start;margin-top:85px}
.phone-note{font-size:29px;line-height:1.2;color:#795b9f;max-width:200px}
.phone-note .note-arrow{width:74px;height:48px;display:block;margin:13px 0 0 auto;color:#9475bc}
.phone-note-last{align-self:end;margin-bottom:15px}
.phone-note-last .note-arrow{margin:0 auto 17px 0;transform:scaleX(-1) rotate(20deg)}
.feature-page .section{padding-block:84px}
.feature-highlights{background:white}
.feature-highlights .wrap{max-width:1120px;display:flex;justify-content:center;flex-wrap:wrap;gap:17px 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px}
.feature-highlights span{font-size:14px;color:#6d6379;line-height:1.7}
.feature-story{max-width:1120px;gap:90px}
.feature-story h2{font-size:clamp(32px,3vw,42px);font-weight:700;line-height:1.22}
.feature-story>p{font-size:17px;line-height:1.9}
.feature-story .story-link{display:block;margin-top:24px;font-size:15px;line-height:1.8}
.feature-detail-section{background:#faf9fc}
.feature-detail-section>.wrap{max-width:1120px}
.feature-detail-list{gap:45px}
.feature-detail-list article{border-top:1px solid #ddd4e9;padding-top:25px}
.step-number{color:var(--purple)}
.feature-detail-list h3{font-size:24px;line-height:1.3;font-weight:650}
.feature-detail-list p{font-size:16px;line-height:1.85}
.workflow-line{border:0;background:transparent;gap:28px;margin-top:55px;border-top:1px solid var(--line);padding-top:25px;border-radius:0}
.workflow-line>div{padding:0;border:0;display:flex;gap:13px;align-items:baseline}
.workflow-line span{color:#957db1;margin:0;font-size:12px}
.workflow-line strong{font-size:14px}
.secondary-showcase{margin:64px auto 0;max-width:1000px;min-width:0}
.secondary-stage{padding:25px 32px 32px;border-radius:20px;background:#eee8f5}
.secondary-note{font-size:27px;display:flex;align-items:center;gap:25px;margin:0 0 20px 20px;color:#795b9f}
.secondary-note .note-arrow{width:66px;height:45px;flex-shrink:0}
.secondary-stage>.screenshot-button{border:8px solid white;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #40364908}
.secondary-stage img{width:100%;height:auto}
.secondary-mobile .phone-stage{background:#eee8f5}
.feature-page .faq-section,.pricing-page .faq-section{gap:85px;max-width:1120px;border:0}
.feature-card{border:1px solid #e5deee;border-radius:18px;padding:32px;background:white;box-shadow:none}
.feature-card h3{font-size:24px;line-height:1.3;font-weight:650}
.feature-card p{font-size:16px;line-height:1.8}
.feature-icon{border-radius:50%;width:48px;height:48px;background:#f4effa}
.card-link{font-size:14px;color:var(--purple);text-underline-offset:6px}
.related-section .section-heading h2{font-size:clamp(32px,3vw,42px)}
.page-sketch{width:180px;height:auto;margin:0 auto 22px}
.hub-hero,.pricing-hero{padding-top:40px}
.hub-hero .lead,.pricing-hero .lead{font-size:18px;line-height:1.8;max-width:720px}
.feature-directory{max-width:1120px;padding-block:62px 80px}
.directory-row{display:grid;grid-template-columns:36px 1.1fr 1fr 100px;gap:28px;align-items:center;border-top:1px solid var(--line);padding:34px 8px}
.directory-row:last-child{border-bottom:1px solid var(--line)}
.directory-number{font-size:12px;color:#9785ac}
.directory-title{display:flex;gap:18px;align-items:center}
.directory-title .icon{color:var(--purple);width:27px;height:27px}
.directory-title h2{font-size:24px;line-height:1.3;letter-spacing:-.035em;font-weight:650}
.directory-row>p{font-size:16px;line-height:1.8}
.directory-link{font-size:14px;color:var(--purple);text-decoration:underline;text-underline-offset:6px;justify-self:end}
.directory-row:hover .directory-title h2{color:var(--purple)}
.included-banner{background:#f7f4fb;padding-block:65px}
.included-banner>.wrap{max-width:1120px}
.included-banner h2{font-size:clamp(32px,3.2vw,44px);line-height:1.22}
.pricing-sketch{margin-bottom:38px}
.pricing-sketch .page-sketch{width:225px;margin-bottom:0}
.pricing-sketch .hand-note{font-size:25px;margin-top:-12px;color:#795b9f}
.pricing-page-layout{grid-template-columns:1fr 440px;gap:85px;padding-top:58px;padding-bottom:75px}
.pricing-page-layout .price-card{padding:36px}
.pricing-explainer{padding-top:14px}
.pricing-explainer h2{font-size:40px;line-height:1.23}
.pricing-explainer>p{font-size:17px;line-height:1.85}
.plan-features{gap:20px;margin-top:30px}
.plan-features a{font-size:16px;gap:17px}
.plan-features .icon{color:#9275bb}
@media(max-width:1000px){.feature-intro{padding-top:44px}.feature-intro h1,.hub-hero h1,.pricing-hero h1{font-size:49px}.feature-story,.feature-page .faq-section,.pricing-page .faq-section{gap:45px}.feature-detail-list{gap:28px}.feature-detail-list h3{font-size:22px}.phone-stage{gap:25px;padding:38px 28px;grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr)}.phone-stage .sketch-phone{width:260px}.phone-note{font-size:25px}.phone-notes{margin-top:65px;gap:35px}.directory-row{grid-template-columns:26px 1fr 1fr;gap:20px}.directory-link{grid-column:2;justify-self:start;margin-top:-8px}.pricing-page-layout{gap:45px;grid-template-columns:1fr 400px}.pricing-page-layout .price-card{padding:28px}}
@media(max-width:850px){.phone-stage{grid-template-columns:minmax(0,1fr) 260px;gap:28px 40px;max-width:680px;margin:auto}.phone-note-last{grid-column:1/-1;margin:0 auto;max-width:100%;text-align:center}.phone-note-last .note-arrow{display:none}.phone-notes{margin-top:95px}.pricing-page-layout{grid-template-columns:1fr;max-width:580px;gap:48px}.pricing-page-layout .price-card{grid-row:1}.pricing-explainer{padding-top:0}.feature-story{grid-template-columns:1fr;gap:25px}.feature-story>p{max-width:730px}.feature-page .faq-section,.pricing-page .faq-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.feature-intro{padding-top:32px;padding-bottom:35px}.feature-intro h1,.hub-hero h1,.pricing-hero h1{font-size:clamp(35px,7.6vw,48px);line-height:1.18}.feature-intro h1 br{display:none}.feature-intro .lead,.hub-hero .lead,.pricing-hero .lead{font-size:16px;line-height:1.8;margin-top:23px}.feature-intro .trial-note{font-size:12px;max-width:300px}.feature-showcase{padding-bottom:35px}.annotated-stage{padding:24px 16px;border-radius:16px}.annotation-band{left:auto;transform:rotate(-2deg);max-width:100%;width:auto;font-size:25px;line-height:1.2;text-align:center}.annotation-top{margin-bottom:23px}.annotation-bottom{margin-top:23px}.screen-arrows{display:none}.annotated-image{border-width:5px;border-radius:9px}.annotated-image>.screenshot-button{border-radius:4px}.annotated-figure>figcaption,.secondary-showcase>figcaption{align-items:start;gap:12px;font-size:12px;line-height:1.7}.annotated-figure .enlarge-link,.secondary-showcase .enlarge-link{font-size:12px;flex-shrink:0}.feature-page .section{padding-block:58px}.feature-highlights .wrap{justify-content:flex-start;gap:12px;padding-block:22px}.feature-highlights span{font-size:14px;width:100%}.feature-story h2{font-size:33px}.feature-detail-list{grid-template-columns:1fr;gap:28px}.feature-detail-list article{gap:20px}.feature-detail-list h3{font-size:24px}.feature-detail-list p{font-size:16px;margin-top:13px}.workflow-line{grid-auto-flow:row;gap:20px;margin-top:35px;padding-top:25px}.workflow-line>div{padding:0;border:0;gap:18px}.workflow-line strong{font-size:14px}.secondary-showcase{margin-top:40px}.secondary-stage{padding:22px 16px;border-radius:15px}.secondary-note{font-size:24px;gap:12px;margin:0 0 22px;transform:rotate(-2deg)}.secondary-note .note-arrow{width:47px}.secondary-stage>.screenshot-button{border-width:5px}.feature-card{padding:28px}.feature-card h3{font-size:24px}.feature-card p{font-size:16px}.page-sketch{width:155px;margin-bottom:20px}.hub-hero,.pricing-hero{text-align:center;padding-top:35px}.feature-directory{padding-top:40px;padding-bottom:55px}.directory-row{grid-template-columns:23px 1fr;gap:13px 17px;padding:26px 0}.directory-number{align-self:start;padding-top:6px}.directory-title{gap:12px}.directory-title h2{font-size:23px}.directory-title .icon{width:24px;height:24px}.directory-row>p,.directory-link{grid-column:2}.directory-link{margin:0;font-size:14px}.directory-row>p{font-size:16px}.included-banner{padding-block:52px}.pricing-sketch{margin-bottom:30px}.pricing-sketch .page-sketch{width:200px}.pricing-sketch .hand-note{font-size:23px}.pricing-page-layout{padding-top:38px;padding-bottom:55px}.pricing-page-layout .price-card{padding:28px}.pricing-explainer h2{font-size:34px}.pricing-explainer>p{font-size:16px}.plan-features a{font-size:15px}}
@media(max-width:600px){.phone-stage{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 24px;border-radius:17px}.phone-stage .sketch-phone{grid-row:2;width:260px}.phone-notes{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.phone-note{max-width:none;text-align:center;font-size:24px;line-height:1.25;transform:rotate(-3deg)}.phone-note .note-arrow{display:none}.phone-note-last{grid-row:3;grid-column:1;font-size:24px}.phone-stage .sketch-phone{padding:16px 5px;border-radius:27px}.annotation-band{font-size:24px}.pricing-page-layout .price-card{padding:26px}}
@media(max-width:400px){.phone-notes{grid-template-columns:1fr;gap:15px}.phone-stage{padding:25px 20px;gap:24px}.pricing-page-layout .price-card{padding:23px 21px}.feature-intro h1,.hub-hero h1,.pricing-hero h1{font-size:35px}.directory-title h2{font-size:21px}.annotated-figure>figcaption{font-size:12px;gap:10px}}

/* Homepage: the workday, the customer relationship, and the numbers behind both. */
.home-page .sketch-hero{padding-top:68px;padding-bottom:43px}
.home-page .sketch-hero h1{font-size:clamp(44px,5.1vw,70px);text-wrap:balance}
.home-page .sketch-hero h1 .pencil-underline{max-width:100%;text-wrap:balance}
.home-page .sketch-intro{max-width:650px;line-height:1.75}
.home-page .hero-sketch{width:155px;left:0;top:64px}
.hero-price{display:inline-flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:5px 9px;margin-top:20px;font-size:12px;line-height:1.7;color:var(--muted)}
.hero-price strong{font-size:13px;color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.hero-price:hover strong{color:var(--purple-dark)}
.home-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:24px;gap:36px}
.home-chapters a{display:flex;gap:18px;align-items:center;min-height:40px}
.home-chapters strong{font-family:var(--heading);font-size:19px;letter-spacing:-.03em;font-weight:600}
.home-chapters .chapter-arrow{margin-left:auto;font-size:22px;color:#9275bb;transition:transform .2s}
.home-chapters a:hover strong{color:var(--purple)}
.home-chapters a:hover .chapter-arrow{transform:translate(3px,3px)}
.home-retention{background:#f7f4fb}
.home-benefit-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}
.home-benefit-copy h2{font-size:clamp(32px,3.2vw,43px);line-height:1.23;text-wrap:balance}
.home-page .light-underline{text-wrap:balance;max-width:100%}
.home-benefit-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:480px;margin-top:25px}
.home-benefit-copy>.text-link{margin-top:25px}
.home-proof{min-width:0}
.home-proof-stage{background:#f5f2fa;border-radius:20px;padding:30px 26px 28px}
.home-retention .home-proof-stage{background:white;border:1px solid #eee8f4}
.home-proof-stage>.hand-note{display:flex;align-items:center;gap:13px;font-size:29px;line-height:1.15;margin:0 0 29px 8px;transform:rotate(-3deg)}
.home-proof-stage .note-arrow{width:55px;height:40px;flex-shrink:0;transform:rotate(3deg)}
.home-proof-stage .screenshot-button{border-radius:8px;box-shadow:0 0 0 1px #e8e3ee}
.home-proof figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7;color:#807487;margin:14px 3px 0}
.home-proof .enlarge-link{flex-shrink:0}
.home-customer-path{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;position:relative}
.home-customer-path:before{content:'';height:1px;background:#d8cce5;position:absolute;top:17px;left:17px;right:17px}
.home-customer-path li{position:relative;min-width:0}
.path-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #c8b7dd;border-radius:50%;background:#f7f4fb;color:var(--purple);font-size:12px;box-shadow:0 0 0 8px #f7f4fb;margin-bottom:22px}
.home-customer-path h3{font-size:21px;line-height:1.35;font-weight:650;letter-spacing:-.035em}
.home-customer-path p{font-size:14px;line-height:1.85;margin-top:12px}
.home-customer-path a{display:inline-flex;gap:9px;align-items:baseline;font-size:13px;line-height:1.7;font-weight:600;color:var(--purple);margin-top:19px;text-decoration:underline;text-underline-offset:5px}
.home-customer-path a:hover{color:var(--purple-dark)}
.home-numbers .home-benefit-grid{grid-template-columns:1.15fr 1fr}
.home-benefit-copy>p.home-cost-note{font-size:12px;line-height:1.7;margin-top:19px;max-width:400px}
.home-business-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:53px}
.home-business-links>a{display:flex;align-items:start;gap:15px;padding-top:25px;border-top:1px solid var(--line)}
.home-business-links .icon{color:#9275bb;width:23px;height:23px;margin-top:2px}
.home-business-links h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.home-business-links p{font-size:14px;line-height:1.8;margin-top:12px}
.home-business-links a>div>span{display:inline-block;font-size:14px;color:var(--purple);margin-top:18px;text-decoration:underline;text-underline-offset:5px;font-weight:500}
.home-business-links a>div>span>span{margin-left:5px}
.home-business-links a:hover h3{color:var(--purple)}
.home-page .home-teams{border-top:1px solid var(--line);padding-top:65px;padding-bottom:70px}
.home-teams .teams-intro>div>p:not(.eyebrow){max-width:540px;font-size:16px;line-height:1.85;margin-top:24px}
.home-teams .teams-intro .text-link{margin-top:24px}
.home-teams .teams-intro h2{font-size:clamp(32px,3.2vw,42px)}
.home-page .final-cta p:not(.eyebrow){max-width:620px;margin-inline:auto;line-height:1.8}
@media(min-width:1400px){.home-page .hero-sketch{width:175px;left:0;top:65px}}
@media(max-width:1199px){.home-page .hero-sketch{width:140px;left:auto;top:auto;margin:-20px auto 18px}.home-page .sketch-hero{padding-top:45px}.home-benefit-grid{gap:45px}.home-customer-path{gap:24px}.home-business-links{gap:28px}}
@media(max-width:1000px){.home-benefit-grid,.home-numbers .home-benefit-grid{grid-template-columns:1fr;gap:35px}.home-benefit-copy{max-width:670px}.home-benefit-copy>p:not(.eyebrow){max-width:600px}.home-retention .home-benefit-copy h2 br:first-of-type{display:none}.home-proof{width:100%;max-width:740px;justify-self:center}.home-numbers .home-benefit-copy{grid-row:1}.home-customer-path{grid-template-columns:1fr 1fr;gap:34px 40px;margin-top:42px}.home-customer-path:before{display:none}.home-customer-path li{border-top:1px solid #ddd2e9;padding-top:24px}.path-number{box-shadow:none;margin-bottom:17px}.home-business-links{gap:25px}.home-chapters{gap:25px}.home-chapters strong{font-size:17px}.home-chapters a{gap:12px}}
@media(max-width:700px){.home-page .sketch-hero{padding-top:36px;padding-bottom:32px}.home-page .sketch-hero h1{font-size:clamp(34px,7vw,48px);line-height:1.17}.home-page .hero-sketch{width:140px;margin:-5px auto 18px}.hero-price{max-width:310px;margin-top:16px;gap:2px}.hero-price strong{width:100%;font-size:13px}.hero-price>span{font-size:11px}.home-chapters{grid-template-columns:1fr;gap:0;padding-block:3px}.home-chapters a{padding-block:17px;gap:19px}.home-chapters a+a{border-top:1px solid var(--line)}.home-chapters strong{font-size:17px}.home-chapters .chapter-arrow{font-size:20px}.home-benefit-copy h2{font-size:33px}.home-benefit-copy>p:not(.eyebrow){margin-top:22px}.home-proof-stage{padding:24px 17px;border-radius:15px}.home-proof-stage>.hand-note{font-size:26px;margin:0 0 23px 3px;gap:7px}.home-proof-stage .note-arrow{width:43px;height:32px}.home-proof figcaption{font-size:11px;gap:9px;margin-top:12px}.home-proof .enlarge-link{font-size:11px}.home-customer-path{grid-template-columns:1fr;gap:0;margin-top:34px}.home-customer-path li{display:grid;grid-template-columns:35px 1fr;column-gap:19px;padding-block:23px}.home-customer-path li:last-child{padding-bottom:0}.path-number{grid-row:1/4;margin:0}.home-customer-path h3{font-size:22px}.home-customer-path p{margin-top:9px;font-size:15px}.home-customer-path a{grid-column:2;font-size:14px;margin-top:14px}.home-business-links{grid-template-columns:1fr;gap:25px;margin-top:38px}.home-business-links>a{gap:18px;padding-top:23px}.home-business-links h3{font-size:23px}.home-business-links p{font-size:15px;margin-top:9px}.home-business-links a>div>span{margin-top:13px}.home-benefit-copy>.home-cost-note{font-size:12px;margin-top:18px}.home-page .home-teams{padding-block:53px}.home-teams .teams-intro h2{font-size:32px}.home-teams .teams-intro h2 br{display:none}.home-teams .teams-intro h2 .light-underline{margin-top:5px}.home-teams .crew-drawing{margin-top:13px}.home-page .sketch-overview{padding-bottom:35px}}
@media(max-width:380px){.home-page .sketch-hero h1{font-size:32px}.home-benefit-copy h2{font-size:31px}.home-proof-stage{padding-inline:13px}.home-proof-stage>.hand-note{font-size:24px}.home-proof-stage .note-arrow{width:32px}.home-customer-path li{column-gap:15px}.home-proof figcaption{align-items:start}}

/* Stationary section links: easy to read and tap at every size. */
.home-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:8px}
.home-chapters a{display:flex;align-items:center;gap:15px;min-width:0;min-height:58px;padding:14px 24px}
.home-chapters a:first-child{padding-left:0}
.home-chapters a+a{border-left:1px solid var(--line)}
.home-chapters strong{font-size:17px;line-height:1.35}
.home-chapters .chapter-arrow{margin-left:auto;font-size:18px;line-height:1;color:#9275bb}
.home-chapters a:hover .chapter-arrow{transform:translateY(3px)}
@media(max-width:700px){.home-chapters{grid-template-columns:1fr;padding-block:3px}.home-chapters a,.home-chapters a:first-child{min-height:54px;padding:15px 0}.home-chapters a+a{border-left:0;border-top:1px solid var(--line)}.home-chapters strong{font-size:16px}}

/* A visible sign-in path at every screen size. */
.nav-actions .login-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 19px;border:1px solid #d5cee4;border-radius:999px;color:var(--purple);white-space:nowrap;font-size:14px}
.nav-actions .login-button:hover{border-color:var(--purple);background:#f7f5fd}
.nav-trial-compact{display:none}
.footer-brand .footer-login{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:23px;padding:9px 19px;border:1px solid #d5cee4;border-radius:999px;color:var(--purple);font-size:13px;font-weight:600}
.footer-brand .footer-login span{color:inherit}
.footer-brand .footer-login:hover{border-color:var(--purple);background:#f7f5fd}
@media(max-width:1100px) and (min-width:701px){.nav{gap:24px}.nav nav{gap:22px}.nav-actions{gap:12px}.nav-actions .login-button{font-size:13px;padding-inline:15px}}
@media(max-width:700px){.nav{gap:12px}.nav-actions{gap:9px}.nav-actions .login-button{min-height:40px;padding:9px 13px;font-size:12px}.nav-actions .button.small{min-height:40px;padding:10px 14px;font-size:12px}.nav-trial-full{display:none}.nav-trial-compact{display:inline}.nav .brand{font-size:18px;gap:8px}.nav .brand img{width:30px;height:30px}.mobile-toggle{flex-shrink:0;width:24px}}
@media(max-width:400px){.nav{gap:8px}.nav .brand{font-size:16px;gap:6px}.nav .brand img{width:27px;height:27px}.nav-actions{gap:6px}.nav-actions .login-button{padding-inline:10px;font-size:12px}.nav-actions .button.small{padding-inline:11px;font-size:12px}.mobile-toggle{width:22px}}
@media(max-width:350px){.nav{gap:7px}.nav .brand{font-size:15px;gap:5px}.nav .brand img{width:25px;height:25px}.nav-actions .login-button{padding-inline:8px;font-size:11px}.nav-actions .button.small{padding-inline:9px;font-size:11px}.nav-actions{gap:5px}.mobile-toggle{width:20px;padding-inline:0}}
/* Keep the garage illustration above the headline at every screen width. */
.home-page .hero-sketch{position:static;display:block;width:155px;height:auto;margin:-20px auto 18px;transform:rotate(-3deg)}
@media(max-width:700px){.home-page .hero-sketch{width:140px;margin:-5px auto 18px}}
.current-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}
.current-screen{min-width:0;margin:0;padding:20px;background:#f8f6fb;border:1px solid #eee9f5;border-radius:16px}
.current-screen h3{font-size:16px;line-height:1.35;margin:0 0 14px}
.current-screen .screenshot-button{display:flex;align-items:center;justify-content:center;width:100%;height:255px;overflow:hidden;background:#fff;border:1px solid #e7e2ee;border-radius:8px}
.current-screen img{display:block;width:100%;height:100%;object-fit:contain}
.current-screen figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#716a7b;font-size:12px;line-height:1.5}
.current-screen .enlarge-link{font-size:12px;white-space:nowrap}
@media(max-width:600px){.current-screen-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.current-screen .screenshot-button{height:230px}.current-screen-phone .screenshot-button{height:300px}}

/* Consistent finishing details across the complete illustrated website. */
.feature-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:28px}
.feature-intro .feature-actions .button{margin-top:0}
.feature-actions .text-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.feature-intro .lead{max-width:690px;line-height:1.75;text-wrap:pretty}
.feature-intro h1,.hub-hero h1,.pricing-hero h1{text-wrap:balance}
.mega-menu{display:block;border-radius:0 0 16px 16px}
.mega-intro{display:none}
.mega-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px}
.mega-group h3{font-family:var(--body);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:#71627f;margin:0 10px 12px;line-height:1.5}
.mega-group a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:8px;font-size:14px;line-height:1.45;font-weight:500;min-height:48px}
.mega-group a:hover{background:#f6f3fb;color:var(--purple)}
.mega-group .icon{width:21px;height:21px;flex-shrink:0;color:#9275bb}
.feature-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:38px}
.feature-jump a{display:inline-flex;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid #d7cde4;font-size:14px;color:var(--purple);min-height:44px}
.feature-jump a:hover{background:#f8f6fb}
.directory-group{scroll-margin-top:115px}
.directory-group+.directory-group{margin-top:50px}
.directory-group-title{font-size:13px;font-family:var(--body);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#71627f;margin-bottom:15px}
.footer-grid{grid-template-columns:1.1fr repeat(3,minmax(0,1fr));gap:38px}
.footer-bottom{margin-top:42px;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px 30px;font-size:13px;color:var(--muted)}
.footer-bottom a{min-height:32px;display:inline-flex;align-items:center}
.footer-bottom a:hover{color:var(--purple)}
.phone-side-note{max-width:240px;justify-self:center;text-align:center}
.phone-sketch{width:185px;margin:0 auto 20px}
.phone-side-note .hand-note{font-size:29px;line-height:1.25}
.phone-stage .phone-note-last{font-size:30px;line-height:1.25;text-align:center}
.annotated-figure figcaption{line-height:1.6}
.legal-page{max-width:880px;padding-block:64px 80px}
.legal-document h1{font-size:clamp(36px,4vw,54px);margin-bottom:18px}
.legal-document .updated{color:var(--muted);font-size:13px;margin-bottom:34px}
.legal-document h2{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin:36px 0 14px}
.legal-document p,.legal-document li{font-size:16px;line-height:1.85;color:#605a69}
.legal-document p+p{margin-top:16px}
.legal-document ul{padding-left:23px;margin:0;display:grid;gap:9px}
.legal-document a{color:var(--purple);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-document .card-note{margin-top:28px;padding:23px 26px;background:#f7f4fb;border-left:3px solid #b49bd3;border-radius:3px 10px 10px 3px}
.support-page{max-width:1120px;padding-block:64px 80px}
.support-intro{max-width:650px;margin-bottom:44px}
.support-intro h1{font-size:clamp(38px,4vw,56px)}
.support-intro>p:last-child{font-size:18px;margin-top:23px;line-height:1.8}
.support-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.support-links article{padding-top:25px;border-top:1px solid var(--line)}
.support-links h2{font-size:24px;line-height:1.3}
.support-links p{margin-top:17px;font-size:15px;line-height:1.8}
.support-links .text-link{margin-top:20px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.support-start{margin-top:55px;padding:32px;background:#f7f4fb;border-radius:16px}
.support-start h2{font-size:28px;margin-bottom:24px}
.support-start ol{margin:0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:step}
.support-start li{font-size:15px;line-height:1.8;color:var(--muted);counter-increment:step}
.support-start li:before{content:'0' counter(step);display:block;color:#9275bb;font-size:12px;margin-bottom:12px}
.support-start strong{display:block;color:var(--ink);margin-bottom:7px}
.support-privacy{margin-top:32px;font-size:14px}
.support-privacy .text-link{font-size:14px}
.support-customer{max-width:760px;margin-top:28px;font-size:14px;line-height:1.8}
@media(max-width:1000px){.footer-grid{gap:30px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:auto;grid-row:auto}.mega-links{gap:15px;padding:20px}.mega-group a{font-size:13px}.phone-stage{gap:25px}}
@media(max-width:700px){
 .feature-actions{gap:10px 22px;margin-top:24px}.feature-actions .text-link{font-size:14px}
 .mega-links{grid-template-columns:1fr;padding:5px 0 15px;gap:20px}.mega-group h3{font-size:10px;margin:4px 5px 6px}.mega-group a{font-size:14px;padding:12px 5px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:30px;padding-top:20px;gap:8px 22px;font-size:12px}
 .feature-jump{justify-content:flex-start;gap:8px;margin-top:28px}.feature-jump a{font-size:13px;padding:9px 12px;gap:12px}
 .directory-group+.directory-group{margin-top:35px}.directory-group-title{font-size:12px}
 .phone-stage{display:flex;flex-direction:column;gap:25px;padding:30px 20px}.phone-sketch{display:none}.phone-side-note .hand-note,.phone-stage .phone-note-last{font-size:25px}.phone-side-note{max-width:100%}
 .legal-page,.support-page{padding-block:40px 55px}.legal-document p,.legal-document li{font-size:15px}.legal-document h2{font-size:22px}.legal-document .card-note{padding:20px}
 .support-intro{margin-bottom:32px}.support-intro>p:last-child{font-size:16px}.support-links{grid-template-columns:1fr;gap:30px}.support-links h2{font-size:24px}.support-links .text-link{margin-top:15px}.support-start{padding:26px;margin-top:38px}.support-start ol{grid-template-columns:1fr;gap:24px}.support-start h2{font-size:26px}
}

/* Report library: aligned category cards and easy-to-scan report names. */
.report-library .report-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.report-library .report-groups article{min-width:0;padding:28px 30px;border:1px solid #e7e2ee;border-radius:16px;background:#fff}
.report-library .report-group-heading{display:block}
.report-library .report-group-heading h3{font-size:24px;line-height:1.25;color:var(--ink)}
.report-library .report-group-heading p{margin-top:8px;font-size:15px;line-height:1.55;color:#696371}
.report-library .report-groups ul{display:block;list-style:none;padding:0;margin:22px 0 0}
.report-library .report-groups li{padding:9px 0;border-top:1px solid #f0edf4;font-size:15px;line-height:1.5;color:#493f56}
@media(max-width:700px){.report-library .report-groups{grid-template-columns:1fr;gap:14px}.report-library .report-groups article{padding:23px 22px}.report-library .report-group-heading h3{font-size:23px}.report-library .report-groups li{font-size:15px}}

/* Screenshot viewer: fit the image or read its details at its logical size. */
.image-dialog .dialog-toolbar{flex-wrap:wrap;gap:10px;padding:12px 16px}
.image-dialog .dialog-actions,.image-dialog .dialog-zoom{display:flex;align-items:center;gap:6px}
.image-dialog .dialog-actions{margin-left:auto}
.image-dialog .dialog-zoom button,.image-dialog .close-dialog{border:1px solid #e1dbea;border-radius:7px;background:#fff;color:#433b50;padding:7px 10px;font-size:13px;line-height:1.3}
.image-dialog .dialog-zoom button[aria-pressed=true]{background:#ede9fa;border-color:#c9bfe9;color:#493cae;font-weight:600}
.image-dialog .dialog-zoom button:focus-visible,.image-dialog .close-dialog:focus-visible,.image-dialog .dialog-scroll:focus-visible{outline:3px solid #a59cfa;outline-offset:2px}
.image-dialog .dialog-scroll{overflow:auto;max-height:calc(94vh - 75px);padding:0 10px 10px}
.image-dialog:not(.is-reading) .dialog-image>img{display:block;width:auto;max-width:100%;max-height:calc(94vh - 95px);height:auto;margin:0 auto;object-fit:contain}
.image-dialog.is-reading .dialog-image{width:max-content;max-width:none;margin:0 auto}
.image-dialog.is-reading .dialog-image>img{display:block;max-width:none;max-height:none;height:auto;margin:0}
@media(max-width:700px){.image-dialog .dialog-toolbar{padding:10px 12px}.image-dialog .dialog-actions{margin-left:0}.image-dialog .dialog-zoom button,.image-dialog .close-dialog{font-size:12px;padding:7px 8px}.image-dialog .dialog-scroll{max-height:calc(94vh - 110px)}.image-dialog:not(.is-reading) .dialog-image>img{max-height:calc(94vh - 125px)}}

/* Give dense interfaces space; retain the phone at a natural reading width. */
.current-screen-grid{gap:28px}
.current-screen:nth-child(-n+2){grid-column:1/-1}
.current-screen .screenshot-button{height:auto;aspect-ratio:auto;align-items:flex-start}
.current-screen img{height:auto;object-fit:initial}
.current-screen-phone .screenshot-button{max-width:320px;margin-inline:auto}
.current-screen-phone img{width:100%;height:auto}
.current-screen h3{font-size:20px;margin-bottom:18px}
.current-screen figcaption{font-size:13px}
.home-benefit-grid{grid-template-columns:.8fr 1.2fr}
.home-numbers .home-benefit-grid{grid-template-columns:1.2fr .8fr}
@media(max-width:800px){.home-benefit-grid,.home-numbers .home-benefit-grid{grid-template-columns:1fr}.current-screen-grid{grid-template-columns:1fr}.current-screen:nth-child(-n+2){grid-column:auto}.current-screen{padding:16px}.current-screen h3{font-size:18px}.current-screen .screenshot-button{height:auto}.current-screen-phone .screenshot-button{max-width:320px}}