:root{--marketing-font:'Inter',sans-serif;--purple:#696cff;--action:#5053d4;--ink:#27344a;--muted:#606b7e;--line:#e5e6ef;--pale:#f5f5fb;--lavender:#eeedff;--white:#fff}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:white;font:15px/1.7 var(--marketing-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button,summary{cursor:pointer}a,button,input,summary,[tabindex]{outline-offset:5px}:focus-visible{outline:3px solid var(--purple)}::selection{background:#dedcff;color:#292653}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(32px,3.3vw,46px);font-weight:750}h3{font-weight:700}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.skip{position:fixed;top:-70px;left:20px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}.header{display:flex;align-items:center;gap:48px;height:88px;background:white}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:30px;letter-spacing:-1.5px;line-height:1}.wordmark>img{width:38px;height:38px;object-fit:contain}.wordmark>span{display:inline-flex;align-items:baseline}.brand-dot{width:7px;height:7px;background:var(--purple);display:inline-block;margin-left:3px}.header nav{display:flex;gap:25px;font-size:13px;font-weight:600}.header-actions{margin-left:auto;display:flex;gap:23px;align-items:center;font-size:13px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 22px;border:1px solid transparent;border-radius:8px;color:white;background:var(--action);font-size:13px;font-weight:700;min-height:48px;transition:background .18s,box-shadow .18s}.button:hover{background:#4245b8;text-decoration:none;box-shadow:0 5px 12px #3b38a620}.button.small{padding:11px 16px;min-height:44px;font-size:12px;gap:12px}.button.secondary{background:white;border-color:#d8d8e7;color:var(--ink)}.button.secondary:hover{background:#f8f8ff}.button .icon{width:18px;height:18px}.menu-toggle{display:none}.hero-shell{background:#fafaff;border-top:1px solid #f0f0f8;overflow:hidden}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:645px;padding-block:48px 35px}.hero-category,.section-label{font-size:10px;font-weight:750;letter-spacing:.13em;color:var(--action);margin-bottom:20px}.hero h1{font-size:clamp(43px,4.7vw,65px);line-height:1.12;font-weight:800;letter-spacing:-.045em}.hero h1 span{color:var(--action)}.hero-detail{font-size:16px;line-height:1.85;color:var(--muted);max-width:490px;margin-top:24px}.actions{display:flex;gap:13px;margin-top:27px;align-items:center}.trial-note{display:flex;gap:20px;margin-top:15px;font-size:11px;color:var(--muted)}.trial-note span{display:flex;align-items:center;gap:6px}.trial-note .icon{width:14px;height:14px;color:var(--action)}.hero-cost{display:flex;align-items:center;gap:15px;margin-top:32px}.hero-cost strong{font-size:30px;letter-spacing:-.04em;line-height:1.2}.hero-cost span{border-left:1px solid #d6d7e6;padding-left:15px;color:var(--muted);font-size:10px;line-height:1.8}.hero-art{position:relative;text-align:center;align-self:end;max-width:490px;margin-left:auto}.hero-art img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;mix-blend-mode:multiply}.hero-art figcaption{font-size:9px;color:#687186;text-align:right;margin-top:8px}.customer-logos{display:flex;align-items:center;gap:70px;padding-block:35px;border-bottom:1px solid var(--line)}.customer-logos p{font-size:11px;color:var(--muted);min-width:195px}.customer-logos strong{color:var(--ink);font-weight:650}.customer-logos>div{display:flex;justify-content:space-between;align-items:center;gap:40px;flex:1}.customer-logos img{object-fit:contain;width:110px;height:40px}.trust{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:30px}.trust>p{font-size:11px;color:var(--muted);min-width:205px}.trust strong{color:var(--ink);font-weight:650}.review-platforms{display:flex;align-items:center;justify-content:space-between;flex:1;gap:40px}.review-platforms a{display:flex;min-height:44px;align-items:center}.review-platforms img{width:120px;height:32px;object-fit:contain}.review-platforms a:first-child img,.review-platforms a:nth-child(3) img{width:34px;height:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.section-label{margin-bottom:12px}.demo-section{background:var(--pale);padding-block:65px}.walkthrough{border-radius:12px;overflow:hidden;background:white;box-shadow:0 12px 35px #2b285b0c}.walkthrough video{display:block;width:100%;max-height:540px;aspect-ratio:16/9;background:#252937;object-fit:contain}.video-description{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;font-size:12px;color:var(--muted)}.video-description a{color:var(--action);font-weight:700;white-space:nowrap}.features{padding-block:75px 0}.feature-tabs{display:flex;gap:8px;padding:6px;background:var(--pale);border-radius:10px;margin:30px 0}.feature-tabs button{flex:1;border:0;border-radius:7px;min-height:48px;padding:10px 15px;color:var(--muted);background:transparent;font-size:13px;font-weight:650;transition:background .2s,color .2s}.feature-tabs button[aria-selected=true]{color:var(--action);background:white;box-shadow:0 2px 8px #3432670d}.feature-tabs button:hover{color:var(--action)}.feature-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:25px 0 40px;min-height:390px}.feature-row h3{font-size:32px;max-width:370px}.feature-row p{color:var(--muted);font-size:14px;line-height:1.85;margin:20px 0;max-width:410px}.text-link{font-weight:700;color:var(--action);font-size:12px}.text-link .icon{width:17px;height:17px;margin-left:6px}.feature-row figure{background:var(--pale);padding:15px;border-radius:12px}.feature-row img{display:block;width:100%;height:330px;object-fit:contain}.feature-row figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:10px}.more-capabilities{padding:35px 0;border-top:1px solid var(--line)}.more-capabilities>h3{font-size:25px}.more-capabilities dl{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 40px;margin:25px 0 0}.more-capabilities dt{font-size:13px;font-weight:700}.more-capabilities dd{margin:6px 0 0;color:var(--muted);font-size:12px}.leaders{padding-block:60px 75px}.leadership-list article{display:grid;grid-template-columns:190px 1fr 25px;gap:35px;padding:24px 0;border-top:1px solid var(--line)}.role{color:var(--action);font-size:12px;font-weight:700;padding-top:5px}.leadership-list h3{font-size:23px}.leadership-list article div p{font-size:13px;color:var(--muted);margin-top:10px;max-width:650px}.row-arrow{color:var(--action)}.customer-section{padding-block:65px;background:var(--pale)}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonials figure{background:white;border-radius:12px;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.testimonials blockquote{margin:0 0 28px;font-size:16px;line-height:1.8;letter-spacing:-.01em}.testimonials figcaption{display:flex;gap:12px;align-items:center}.testimonials img{border-radius:50%;object-fit:cover}.testimonials strong,.testimonials small{display:block;font-size:12px}.testimonials small{color:var(--muted);font-size:10px;margin-top:2px}.awards{padding-top:40px;text-align:center}.awards h3{font-size:15px;letter-spacing:0}.awards>img{width:100%;max-width:700px;height:auto;margin:24px auto 0;display:block}.pricing{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding-block:80px}.pricing-copy>p{margin-top:24px;color:var(--muted);max-width:430px;font-size:14px}.included{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0;font-size:12px}.included span{display:flex;align-items:center;gap:6px}.included .icon{width:15px;height:15px;color:var(--action)}.price-panel{padding:34px;background:var(--lavender);border-radius:14px}.price{font-size:75px;line-height:1;font-weight:750;letter-spacing:-.05em}.price>span{font-size:33px;vertical-align:top;display:inline-block;margin-top:9px;margin-right:5px}.price-panel>p{font-size:12px;color:var(--muted);margin-top:8px}.seat-calculator{margin-top:25px;padding-top:22px;border-top:1px solid #d6d4ee}.seat-calculator label{font-size:12px;font-weight:600}.seat-value{float:right;display:flex;align-items:center;gap:9px;font-size:12px}.seat-value input{width:80px;padding:8px;border:1px solid #c6c4e3;border-radius:6px;background:white;color:var(--ink);min-height:44px}.estimate{display:flex;justify-content:space-between;align-items:center;gap:10px;clear:both;padding-top:22px;font-size:12px}.estimate output{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.seat-error{font-size:12px;color:#a42518;margin-top:10px}.price-panel>.button{display:flex;margin-top:25px}.price-panel>small{display:block;font-size:10px;color:var(--muted);text-align:center;margin-top:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-bottom:75px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0;font-weight:650;font-size:13px;min-height:52px}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--action);width:18px;height:18px}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding:0 15px 20px 0}.closing{background:#eeedff;padding-block:55px}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.closing h2{font-size:40px}.closing .wrap>div{display:flex;align-items:start;flex-direction:column;gap:16px}.button.white{background:var(--action);color:white}.closing-trial{font-size:11px;color:var(--action)}.footer{padding-block:50px 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer .wordmark{font-size:26px}.footer .wordmark>img{width:32px;height:32px}.footer-intro p{font-size:11px;color:var(--muted);max-width:240px;margin-top:15px}.footer-group{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-group h3{font-size:13px;letter-spacing:0;margin-bottom:8px}.copyright{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header{gap:28px}.header nav{gap:17px}.header-actions{gap:17px}.hero{gap:25px;min-height:570px}.hero h1{font-size:48px}.hero-detail{font-size:14px}.actions{gap:10px}.actions .button{padding:13px 15px;font-size:12px;gap:10px}.hero-art img{max-height:480px}.customer-logos{gap:35px}.customer-logos>div{gap:20px}.customer-logos img{width:85px}.pricing{gap:50px}.feature-row{gap:35px}.faq{gap:50px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:76px;gap:10px;position:relative}.wordmark{font-size:24px;gap:5px}.wordmark>img{width:30px;height:30px}.header-actions{margin-left:0}.header-actions>a:first-child{display:none}.header-actions .button{padding:10px 12px;gap:7px;font-size:10px}.menu-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;background:transparent;border:0;min-height:44px;color:var(--ink);font-size:11px}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:15px;background:white;border:1px solid var(--line);border-radius:10px;z-index:10;box-shadow:0 10px 30px #20204a15}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:10px}.hero{grid-template-columns:1fr;gap:25px;padding-block:35px 20px}.hero-category{font-size:8px;letter-spacing:.09em;margin-bottom:16px}.hero h1{font-size:44px;max-width:470px}.hero-detail{font-size:14px;max-width:490px;margin-top:20px}.actions{flex-wrap:wrap;margin-top:23px}.actions .button{min-height:47px;padding:13px 17px}.trial-note{font-size:10px;gap:15px}.hero-cost{margin-top:24px}.hero-cost strong{font-size:27px}.hero-art{width:100%;max-width:330px;margin-inline:auto}.hero-art img{max-height:340px}.hero-art figcaption{font-size:8px}.customer-logos{display:block;padding-block:25px}.customer-logos p{margin-bottom:20px}.customer-logos>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.customer-logos img{width:100%;height:32px}.trust{display:block;padding-block:22px}.trust>p{margin-bottom:18px}.review-platforms{gap:20px}.review-platforms img{width:80px;height:27px}.review-platforms a:first-child img,.review-platforms a:nth-child(3) img{width:29px;height:29px}.demo-section{padding-block:40px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:18px;font-size:13px;max-width:none}.section-label{font-size:9px;margin-bottom:12px}.section-heading h2{font-size:32px}.walkthrough video{aspect-ratio:16/9}.video-description{display:block;padding:16px;font-size:10px}.video-description a{display:block;margin-top:10px;font-size:11px}.features{padding-top:45px}.feature-tabs{gap:3px;padding:4px;display:grid;grid-template-columns:1fr 1fr}.feature-tabs button{padding:9px 6px;min-height:44px;font-size:11px}.feature-row{grid-template-columns:1fr;gap:25px;padding-bottom:25px;min-height:0}.feature-row h3{font-size:27px}.feature-row p{font-size:13px;margin:15px 0}.feature-row img{height:260px}.more-capabilities{padding-top:25px}.more-capabilities>h3{font-size:24px}.more-capabilities dl{grid-template-columns:1fr 1fr;gap:22px}.more-capabilities dt{font-size:12px}.more-capabilities dd{font-size:11px}.leaders{padding-block:35px 45px}.leadership-list article{grid-template-columns:1fr 20px;gap:10px;padding-block:22px}.role{grid-column:1/-1;font-size:11px}.leadership-list h3{font-size:22px}.leadership-list article div p{font-size:12px}.customer-section{padding-block:40px}.testimonials{grid-template-columns:1fr;gap:16px}.testimonials figure{padding:24px}.testimonials blockquote{font-size:16px;margin-bottom:22px}.awards{padding-top:30px}.awards h3{font-size:13px}.pricing{grid-template-columns:1fr;gap:30px;padding-block:45px}.pricing h2{font-size:34px}.pricing-copy>p{font-size:13px;margin-top:18px}.included{font-size:11px;gap:13px 8px}.price-panel{padding:27px}.price{font-size:65px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.faq h2{font-size:30px}.closing{padding-block:40px}.closing .wrap{display:block}.closing h2{font-size:32px}.closing .wrap>div{margin-top:25px}.footer{grid-template-columns:1fr 1fr;gap:30px;padding-top:35px}.footer-intro{grid-column:1/-1}.copyright{display:block}.copyright a{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Workday-led hero: typography and the product mechanism, without stock artwork. */
h1,h2,h3{font-family:var(--marketing-font)}.hero-shell{background:#f5f4f0;border-top:1px solid #e6e4df}.hero{display:block;padding-block:58px 35px;min-height:0}.hero-title-row{display:flex;align-items:end;justify-content:space-between;gap:50px}.hero h1{max-width:930px;font-family:var(--marketing-font);font-size:clamp(62px,7.3vw,98px);font-weight:500;line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:#5352ce}.hero-side-note{padding:0 0 8px 22px;border-left:1px solid #b7b4cb;color:#525769;font-size:14px;line-height:1.65;flex-shrink:0}.hero-bottom{display:flex;justify-content:space-between;gap:70px;align-items:start;margin-top:35px}.hero .hero-detail{margin:0;max-width:435px;font-size:17px;line-height:1.65;color:#525769}.hero-conversion{min-width:440px}.hero .actions{margin:0;gap:25px}.hero .button{border-radius:3px;background:#5352ce;font-size:14px;padding:16px 24px;font-weight:500}.hero-demo{font-size:13px;display:inline-flex;align-items:center;gap:8px;min-height:48px}.hero-demo .icon{width:16px;height:16px}.hero .trial-note{font-size:12px;margin-top:13px;display:block;color:#60616e}.hero .trial-note strong{font-weight:500;color:#34384d}.workday-story{margin-top:44px;border-top:1px solid #cfccd8;padding-top:15px}.story-heading{display:flex;justify-content:space-between;font-size:12px;color:#414455}.story-heading>span:last-child{font-size:10px;color:#72717d}.day-scale{display:flex;justify-content:space-between;color:#7a7884;font-size:10px;margin:18px 0 8px;font-variant-numeric:tabular-nums}.day-stream{display:flex;gap:5px;height:75px}.stream-block{padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.stream-block span{font-size:14px;font-weight:500}.stream-block small{font-size:10px}.development{flex:3;background:#5352ce;color:#fff}.research{flex:2;background:#dcd9f0;color:#393653}.planning{flex:2.5;background:#e7e2d8;color:#474131}.story-result{display:flex;align-items:center;gap:30px;padding-top:14px;font-size:11px;color:#5e5c6c}.story-result>span{display:flex;gap:6px;align-items:center}.story-result .icon{width:13px;height:13px;color:#5352ce}.story-result a{margin-left:auto;display:flex;align-items:center;gap:8px;color:#4543aa;font-weight:500}.header nav,.header-actions,.button{font-family:var(--marketing-font)}.section-heading h2{font-weight:500;letter-spacing:-.035em}.feature-row h3,.leadership-list h3{font-weight:500}.hero-category{display:none}
@media(max-width:1050px){.hero h1{font-size:77px}.hero-side-note{font-size:12px}.hero-bottom{gap:35px}.hero-conversion{min-width:390px}.hero .hero-detail{font-size:15px}.hero .actions{gap:17px}.hero-demo{font-size:12px}}
@media(max-width:760px){.hero{padding-block:35px 25px}.hero-title-row{display:block}.hero h1{font-size:clamp(51px,10.2vw,72px);letter-spacing:-.045em}.hero-side-note{border:0;padding:0;margin-top:20px;font-size:12px}.hero-side-note br{display:none}.hero-side-note br:after{content:' '}.hero-bottom{display:block;margin-top:20px}.hero .hero-detail{max-width:none;font-size:15px}.hero-conversion{min-width:0;margin-top:24px}.hero .actions{gap:16px;flex-wrap:wrap}.hero .button{padding:13px 18px;font-size:13px}.hero .trial-note{font-size:10px}.hero-demo{font-size:12px}.workday-story{margin-top:30px}.day-stream{height:82px;gap:3px}.stream-block{padding:9px 7px}.stream-block span{font-size:10px;line-height:1.3}.stream-block small{font-size:8px;line-height:1.3}.story-result{gap:15px;flex-wrap:wrap;font-size:10px}.story-result a{margin-left:0}.day-scale{font-size:8px}.story-heading{font-size:11px}.story-heading>span:last-child{font-size:9px}}

/* Consistent type, centered hero, intrinsic video proportions. */
body,button,input,select,textarea,h1,h2,h3,.header nav,.header-actions,.button{font-family:var(--marketing-font)}.hero-title-row{display:block;text-align:center}.hero h1{margin-inline:auto;max-width:1100px;font-size:clamp(42px,5.5vw,74px);letter-spacing:-.045em;line-height:1.1}.hero-bottom{display:block;text-align:center;margin-top:25px}.hero .hero-detail{margin:0 auto;max-width:680px;font-size:16px}.hero-conversion{min-width:0;margin-top:24px}.hero .actions{justify-content:center}.hero .trial-note{text-align:center}.hero{padding-top:55px}.workday-story{max-width:1050px;margin-inline:auto}.walkthrough video{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}.setup-section{padding-block:20px 65px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;counter-reset:setup}.setup-steps li{counter-increment:setup;border-top:1px solid var(--line);padding-top:20px}.setup-steps li:before{content:counter(setup);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--lavender);color:var(--action);font-size:13px;margin-bottom:15px}.setup-steps h3{font-size:20px}.setup-steps p,.tracking-note p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.8}.tracking-note{margin-top:35px;padding:25px;background:var(--pale);border-radius:8px}.tracking-note h3{font-size:22px}.tracking-note p{max-width:850px;margin-bottom:12px}@media(max-width:760px){.hero h1{font-size:39px;letter-spacing:-.035em}.hero .hero-detail{font-size:14px}.hero .actions{flex-direction:column;gap:5px}.hero .trial-note{font-size:10px}.hero{padding-top:35px}.setup-section{padding-bottom:40px}.setup-steps{grid-template-columns:1fr;gap:22px}.setup-steps h3{font-size:21px}.tracking-note{padding:20px}}

/* Activity previews and sourced trust details. */
.trust{flex-wrap:wrap}.review-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:25px}.platform-rating{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.review-platforms .platform-rating img{width:125px;height:40px;object-fit:contain;object-position:left center}.rating-line{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.rating-stars{font-size:18px;letter-spacing:1px;background:linear-gradient(to right,#b97b13 var(--fill),#d8d8df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}.platform-rating small,.ratings-note{font-size:11px;color:var(--muted)}.ratings-note{flex-basis:100%;margin-top:8px}.capture-feature{gap:60px;align-items:center}.capture-feature .section-label{margin-bottom:18px}.activity-preview{background:#f4f3fa;border:1px solid #e1dfed;border-radius:8px;overflow:hidden;padding:0!important}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #e1dfed;font-size:11px;color:var(--muted)}.preview-brand{font-size:20px;font-weight:700;letter-spacing:-1px;color:var(--action)}.preview-body{margin:22px;background:#fff;padding:24px;border:1px solid var(--line);border-radius:5px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.preview-heading h4{font-size:17px;line-height:1.4;margin:0;font-weight:600;letter-spacing:-.02em}.preview-heading>span{border:1px solid var(--line);padding:3px 9px;font-size:11px;border-radius:3px}.preview-columns{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #f0eff5;font-size:12px}.preview-row>div{flex:1;min-width:0}.preview-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.preview-row>span{font-variant-numeric:tabular-nums;white-space:nowrap}.usage-track{height:5px;background:#f1f0f8;width:90%;margin-top:9px;border-radius:2px;overflow:hidden}.usage-track span{display:block;height:100%;background:#8182e8}.preview-foot{display:flex;gap:6px;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.preview-foot .icon{width:14px;height:14px;color:var(--action)}.activity-preview figcaption{position:static!important;display:block!important;background:transparent!important;color:var(--muted)!important;text-align:center;padding:0 15px 15px!important;font-size:10px!important}.report-envelope{background:#f6f5fc;border-left:3px solid var(--purple);padding:15px;margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.report-envelope>span{font-size:9px;letter-spacing:.1em;color:var(--action)}.report-envelope strong{font-size:14px;font-weight:500}.report-envelope small{font-size:10px;color:var(--muted)}.capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.capture-tile>span{font-size:10px;color:var(--muted)}.mini-window{background:#efedf7;border:1px solid #dedbe9;padding:6px;min-height:110px}.mini-window>i{display:inline-block;width:3px;height:3px;background:#a6a2b6;border-radius:50%;vertical-align:top;margin-right:2px}.mini-content{display:flex;flex-wrap:wrap;gap:5px;padding:8px 2px}.mini-content b{height:16px;width:100%;background:#d1cdef;display:block}.mini-content b:nth-child(2){width:60%;background:#a6a0db}.mini-content b:nth-child(3){width:30%;background:#dcd8e6}.mini-content b:nth-child(4){height:29px;background:#fff}.preview-context{font-size:11px;color:var(--muted);margin-top:14px}.compliance-section{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding-block:55px 65px;border-top:1px solid var(--line)}.compliance-copy h2{font-weight:500;font-size:clamp(30px,3vw,40px);margin:15px 0 20px}.compliance-copy>p:not(.section-label){font-size:14px;color:var(--muted);max-width:610px;margin-bottom:20px}.compliance-marks{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:25px;text-align:center}.compliance-marks img{width:95px;height:95px;object-fit:contain}.compliance-marks figcaption{font-size:13px;font-weight:600;margin-top:8px}.compliance-marks>p{grid-column:1/-1;font-size:11px;color:var(--muted)}
@media(max-width:1000px){.review-platforms{gap:15px}.trust>p{flex-basis:100%;margin-bottom:15px}.capture-feature{gap:30px}.compliance-section{gap:35px}}
@media(max-width:760px){.review-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ratings-note{line-height:1.6}.capture-feature{gap:22px}.feature-tabs{flex-wrap:wrap;overflow:visible;gap:5px}.feature-tabs button{font-size:12px;min-height:44px;padding:10px 12px}.preview-top{padding:12px 15px}.preview-body{margin:12px;padding:16px}.preview-heading h4{font-size:15px}.preview-row,.preview-row strong{font-size:11px}.preview-foot{font-size:9px}.capture-grid{gap:6px}.mini-window{min-height:95px}.compliance-section{grid-template-columns:1fr;padding-block:35px 40px;gap:28px}.compliance-copy>p:not(.section-label){font-size:13px}.compliance-marks{max-width:330px;width:100%;margin:auto;gap:15px}.compliance-marks img{width:80px;height:80px}}

/* Focused activity demos, supporting workflows and buyer context. */
.activity-preview .preview-body{margin:0;border:0;border-radius:0;padding:30px}.activity-preview{background:white}.activity-preview figcaption{padding-top:15px!important;border-top:1px solid var(--line);margin-top:0}.usage-detail{display:flex;align-items:center;gap:12px}.usage-name{flex:1;min-width:0}.app-symbol{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;background:#fff}.feature-row .app-symbol img{width:23px;height:23px;object-fit:contain;display:block}.app-figma img{filter:invert(43%) sepia(64%) saturate(2200%) hue-rotate(323deg)}.app-googledocs img{filter:invert(42%) sepia(95%) saturate(1700%) hue-rotate(193deg)}.app-slack img{filter:invert(24%) sepia(30%) saturate(1500%) hue-rotate(250deg)}.supporting-features{padding-top:50px;border-top:1px solid var(--line)}.supporting-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}.supporting-heading h3{font-size:34px;font-weight:500;margin-top:12px}.supporting-heading>p{max-width:350px;font-size:14px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-card{padding:27px 23px 20px;border:1px solid;min-width:0}.support-card-title{display:flex;gap:10px;align-items:center}.support-card-title .icon{color:var(--action);width:22px;height:22px}.support-card h4{font-size:18px;letter-spacing:-.03em;font-weight:600;margin:0}.support-card>p{color:var(--muted);font-size:13px;line-height:1.7;margin:15px 0 27px;min-height:66px}.task-example{background:white;padding:5px 14px;border:1px solid #e5e2ed;border-radius:5px}.task-example>div{display:flex;align-items:center;gap:7px;padding:12px 0;font-size:10px}.task-example>div+div{border-top:1px solid var(--line)}.task-check{background:#eeedff;width:15px;height:15px;display:grid;place-items:center;border-radius:3px;flex-shrink:0}.task-check .icon{width:11px;height:11px;color:var(--action)}.task-check.empty{background:white;border:1px solid #c6c3d5}.task-example small{font-size:8px;color:var(--muted);margin-left:auto;white-space:nowrap}.sample-label{display:block;color:var(--muted);font-size:9px;margin-top:10px}.support-attendance{--support-card-background:#f3f6f5;--support-card-border:#e1e9e6}.attendance-example{border-top:1px solid #d7e2dc;padding-top:17px}.attendance-example>span{font-size:9px;color:#50635b;letter-spacing:.06em}.attendance-example>div{display:flex;justify-content:space-between;margin:16px 0}.attendance-example>div>span{display:flex;flex-direction:column;align-items:center;gap:8px}.attendance-example small{font-size:10px;color:#50635b}.attendance-example i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e0ede6;color:#41725a}.attendance-example i .icon{width:15px;height:15px}.attendance-example strong{font-size:10px;font-weight:500;color:#50635b}.support-kudos{--support-card-background:#faf5ee;--support-card-border:#eee5d7}.kudos-example{background:#fffaf4;padding:17px 13px;display:flex;gap:10px;border:1px solid #eadfcd;border-radius:5px}.kudos-avatar{display:grid;place-items:center;background:#eaddc7;width:30px;height:30px;border-radius:50%;font-size:10px;flex-shrink:0}.kudos-example strong{font-size:11px;font-weight:600}.kudos-example p{font-size:11px;color:#6c6254;margin:8px 0;line-height:1.6}.kudos-example div>span{font-size:9px;color:#6c6254}.support-utilities{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 5px 0}.support-utilities article{display:flex;gap:12px}.support-utilities .icon{color:var(--action);margin-top:2px}.support-utilities h4{font-size:14px;margin:0;font-weight:600}.support-utilities p{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.7}.team-use-cases{background:#f5f4f0;padding:65px 0;margin:15px 0 0}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.use-case-grid article{border-top:1px solid #cecbd3;padding-top:18px;display:flex;flex-direction:column;align-items:start}.use-case-number{font-size:12px;color:var(--action)}.use-case-category{font-size:12px;margin:17px 0 11px;font-weight:600}.use-case-grid h3{font-size:26px;line-height:1.25;font-weight:500;margin-bottom:17px}.use-case-grid article>p:last-of-type{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:23px}.use-case-outcome{margin-top:auto;padding-top:15px;border-top:1px solid #dedce2;width:100%;font-size:11px;color:#55518a}.why-backlsh{padding-block:70px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.why-intro h2{font-weight:500;margin:16px 0 25px;font-size:38px}.why-reasons article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.why-reasons article:first-child{padding-top:0}.why-reasons .icon{color:var(--action);margin-top:2px}.why-reasons h3{font-size:19px;letter-spacing:-.025em;font-weight:500}.why-reasons p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.8}.tailored-demo{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;border-bottom:1px solid var(--line);padding-block:60px}.tailored-demo h2{font-size:38px;font-weight:500;margin:16px 0 20px}.tailored-demo>div>p:not(.section-label){font-size:14px;color:var(--muted);max-width:460px}.tailored-demo .button{margin-top:25px}.demo-agenda{align-self:center;background:var(--pale);padding:30px;border-left:3px solid var(--purple)}.demo-agenda>p{font-size:10px!important;letter-spacing:.1em}.demo-agenda ol{list-style:none;padding:0;margin:20px 0}.demo-agenda li{display:flex;gap:14px;padding-block:13px;font-size:13px;border-bottom:1px solid var(--line)}.demo-agenda li span{font-size:11px;color:var(--action)}.demo-agenda small{font-size:11px;color:var(--muted)}
@media(max-width:1050px){.support-grid{gap:12px}.support-card{padding:22px 15px}.support-card h4{font-size:16px}.task-example{padding-inline:8px}.task-example>div{font-size:9px}.task-example small{font-size:7px}.support-utilities{gap:20px}.why-backlsh{gap:40px}.tailored-demo{gap:35px}}
@media(max-width:760px){.activity-preview .preview-body{padding:20px}.supporting-features{padding-top:30px}.supporting-heading{display:block}.supporting-heading h3{font-size:29px}.supporting-heading>p{margin-top:17px;font-size:13px}.support-grid{grid-template-columns:1fr;gap:16px}.support-card{padding:24px}.support-card h4{font-size:19px}.support-card>p{min-height:0;margin-bottom:22px}.task-example>div{font-size:11px;padding:13px 0}.task-example small{font-size:9px}.support-utilities{grid-template-columns:1fr;gap:22px;padding:28px 0 0}.support-utilities h4{font-size:16px}.support-utilities p{font-size:13px}.team-use-cases{padding-block:40px}.use-case-grid{grid-template-columns:1fr;gap:28px}.use-case-grid h3{font-size:27px}.use-case-category{margin-top:10px}.why-backlsh{grid-template-columns:1fr;gap:30px;padding-block:40px}.why-intro h2,.tailored-demo h2{font-size:32px}.why-reasons h3{font-size:20px}.tailored-demo{grid-template-columns:1fr;gap:30px;padding-block:40px}.demo-agenda{padding:22px}.demo-agenda li{font-size:12px}}

/* Customer story composition: featured story above two supporting voices. */
.customer-stories{background:#0c0b1b;color:#fff;padding:75px 0;margin:25px 0 30px}.stories-heading{text-align:center;max-width:850px;margin:0 auto 40px}.stories-heading .section-label{color:#b9b5f6;margin-bottom:18px}.stories-heading h2{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.2}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.customer-story{padding:35px;border:1px solid #353049;border-radius:28px;background:radial-gradient(ellipse at top right,#242038 0,transparent 65%),#111021;display:flex;flex-direction:column}.story-featured{grid-column:1/-1;padding:40px 45px;background:linear-gradient(140deg,#282037 0,#141125 60%,#111020 100%);border-color:#58476c}.customer-story figcaption{display:flex;align-items:center;gap:13px;margin-bottom:28px}.customer-story figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover}.customer-story figcaption strong{font-size:15px;font-weight:600;display:block}.customer-story figcaption small{font-size:12px;color:#c3bfd4;display:block;margin-top:2px}.customer-story .story-topic{font-size:10px;letter-spacing:.1em;color:#c0b9ec;margin-bottom:15px}.story-featured figcaption .story-topic{margin:0 0 0 auto}.customer-story h3{font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.025em;max-width:470px}.story-featured h3{max-width:none;font-size:30px;margin-bottom:28px}.customer-story blockquote{margin:22px 0 30px;font-size:17px;color:#e1deee;line-height:1.8}.featured-story-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-takeaway{font-size:47px;letter-spacing:-.045em;font-weight:500;line-height:1.15;color:#bbb0ff}.story-takeaway span{color:#bad3f2}.featured-story-content blockquote{margin:0;border-left:1px solid #50445e;padding-left:28px;font-size:18px}.story-summary{display:flex;gap:9px;align-items:center;border-top:1px solid #353049;padding-top:20px;margin-top:auto;font-size:12px;color:#c8c3e7}.story-summary .icon{width:16px;height:16px;color:#b1a3ed}.stories-bottom{display:flex;flex-direction:column;align-items:center;gap:23px;margin-top:34px}.stories-bottom>p{font-size:12px;color:#c0bcd0}.stories-bottom .button{background:#f2efff;color:#292241;border-radius:9px;font-weight:600}.customer-awards{padding-bottom:30px}.customer-awards .awards{padding-top:10px}
@media(max-width:760px){.customer-stories{padding:42px 0;margin-block:15px}.stories-heading{margin-bottom:26px}.stories-heading h2{font-size:30px}.stories-heading .section-label{font-size:9px}.story-grid{grid-template-columns:1fr;gap:16px}.customer-story,.story-featured{padding:25px 22px;border-radius:20px}.story-featured{grid-column:auto}.customer-story figcaption{margin-bottom:22px;flex-wrap:wrap}.story-featured figcaption .story-topic{margin:8px 0 0;flex-basis:100%}.customer-story h3,.story-featured h3{font-size:24px;margin-bottom:0}.featured-story-content{grid-template-columns:1fr;gap:20px;margin-top:25px}.story-takeaway{font-size:36px}.featured-story-content blockquote{font-size:15px;padding-left:18px}.customer-story blockquote{font-size:15px}.story-summary{font-size:11px}.stories-bottom>p{text-align:center;font-size:11px}.stories-bottom .button{font-size:12px}}

/* Industry cards linked to Backlsh's existing industry pages. */
.industry-section{background:#f6f5f2;padding-block:65px}.industry-section .section-heading .section-label{margin-bottom:15px}.industry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.industry-card{border:1px solid #dfdfe7;border-radius:15px;overflow:hidden;background:white;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s}.industry-card:hover,.industry-card:focus-within{border-color:#aaa5da;box-shadow:0 8px 25px #29234d0a}.industry-card-visual{background:#e9e6f6;height:170px;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;color:#5149a1}.industry-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid #d5cfee;border-radius:12px;background:#f9f7ff}.industry-icon .icon{width:25px;height:25px}.industry-visual-label{position:relative;z-index:1;font-size:10px;letter-spacing:.045em;font-weight:500}.industry-pattern{position:absolute;right:20px;top:28px;width:125px;height:115px;display:flex;align-items:end;gap:7px;transform:rotate(-10deg);opacity:.45}.industry-pattern i{display:block;background:#b5abda;flex:1;border-radius:4px;height:45%}.industry-pattern i:nth-child(2n){height:70%}.industry-pattern i:nth-child(3n){height:55%}.industry-pattern i:last-child{height:95%}.industry-development .industry-card-visual{background:#e7edf5;color:#3e648c}.industry-development .industry-icon{background:#f5f9ff;border-color:#ccd9e9}.industry-development .industry-pattern i{background:#9eb6d2}.industry-bpo .industry-card-visual{background:#e7eee9;color:#466d58}.industry-bpo .industry-icon{background:#f7fcf8;border-color:#ccdcd1}.industry-bpo .industry-pattern i{background:#9cbaa7}.industry-card-body{padding:27px 25px;display:flex;flex-direction:column;flex:1}.industry-category{font-size:12px;font-weight:600;color:var(--action);margin-bottom:13px}.industry-card h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin-bottom:17px}.industry-card-body>p:not(.industry-category){font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:25px}.industry-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;min-height:48px;font-size:11px;font-weight:600;color:#4947ac}.industry-link .icon{width:17px;height:17px}.industry-directory{margin-top:25px;text-align:center}.industry-directory .text-link{min-height:44px;display:inline-flex;align-items:center}.industry-section .section-heading>div{max-width:650px}
@media(max-width:1000px){.industry-cards{gap:15px}.industry-card-body{padding:23px 20px}.industry-card h3{font-size:23px}.industry-link{font-size:10px}}
@media(max-width:760px){.industry-section{padding-block:40px}.industry-cards{grid-template-columns:1fr;gap:22px}.industry-card-visual{height:145px;padding:22px}.industry-card-body{padding:25px}.industry-card h3{font-size:27px}.industry-link{font-size:12px}.industry-category{font-size:13px}.industry-directory .text-link{font-size:12px}.industry-section .section-heading .section-label{font-size:10px}}

/* Tour entry points and company-provided trust figures. */
.trust-overview{padding-block:65px 75px}.tour-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:55px}.tour-cards>a{display:flex;align-items:center;gap:14px;padding:22px;background:#fff;border:1px solid #e1dfed;border-radius:12px;min-height:88px;transition:border-color .2s,background .2s}.tour-cards>a:hover{border-color:#a7a0df;background:#f9f8ff;text-decoration:none}.tour-check{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#efedff;flex-shrink:0}.tour-check img{width:19px;height:19px;object-fit:contain}.tour-cards strong{font-size:16px;font-weight:600;line-height:1.4}.tour-cards>a>.icon{margin-left:auto;width:17px;height:17px;color:var(--action)}.trust-overview-heading{text-align:center;margin-bottom:32px}.trust-overview-heading .section-label{margin-bottom:14px}.trust-overview-heading h2{font-size:clamp(30px,3.5vw,43px);font-weight:500;line-height:1.2}.trust-stat-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.trust-stat-card{background:#f7f6fc;border:1px solid #e6e3f0;border-radius:14px;padding:28px 22px;min-height:230px;display:flex;flex-direction:column;align-items:start}.stat-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#fff;border:1px solid #e9e6f2;margin-bottom:24px}.stat-symbol img{width:34px;height:34px;object-fit:contain}.stat-number{font-size:38px;line-height:1.15;letter-spacing:-.04em;font-weight:600;color:#4f4cb2;margin-bottom:9px}.trust-stat-card h3{font-size:13px;line-height:1.6;letter-spacing:0;font-weight:500;color:var(--muted);max-width:160px}
@media(max-width:1000px){.tour-cards{gap:12px}.tour-cards>a{padding:18px 14px;gap:10px}.tour-cards strong{font-size:14px}.trust-stat-cards{gap:12px}.trust-stat-card{padding:23px 16px}.stat-number{font-size:33px}.trust-stat-card h3{font-size:12px}}
@media(max-width:760px){.trust-overview{padding-block:40px}.tour-cards{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.tour-cards>a{min-height:76px;padding:17px 20px}.tour-cards strong{font-size:16px}.trust-overview-heading h2{font-size:30px}.trust-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.trust-stat-card{padding:22px 18px;min-height:210px}.trust-stat-card:last-child{grid-column:1/-1;align-items:center;text-align:center;min-height:190px}.stat-symbol{margin-bottom:19px}.stat-number{font-size:35px}.trust-stat-card h3{font-size:12px}.trust-overview-heading .section-label{font-size:10px}}

/* Four-step tracker setup. */
.setup-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.setup-steps h3{font-size:20px;line-height:1.3;text-wrap:initial}.setup-steps p{font-size:13px}
@media(min-width:761px) and (max-width:1000px){.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.setup-steps{grid-template-columns:1fr;gap:22px}}

/* Shared page typography, section rhythm and alignment. */
:root{--section-space:72px;--heading-size:40px;--heading-line:1.2;--copy-size:15px;--copy-line:1.75;--heading-gap:32px}
body,button,input,summary,h1,h2,h3,h4,blockquote{font-family:var(--marketing-font)}
main .section-heading h2,main .stories-heading h2,main .trust-overview-heading h2,main .compliance-copy h2,main .tailored-demo h2,main .pricing h2,main .faq h2,main .closing h2,main .awards h2{font-size:var(--heading-size);font-weight:500;line-height:var(--heading-line);letter-spacing:-.035em;text-wrap:balance}
main .section-heading,main .supporting-heading{align-items:start;gap:48px;margin-bottom:var(--heading-gap)}
main .section-heading>p,main .supporting-heading>p{font-size:var(--copy-size);line-height:var(--copy-line);margin-top:0;max-width:360px}
main .section-label{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em;margin:0 0 14px}
main .section-heading .section-label{margin-bottom:14px}
main .stories-heading,main .trust-overview-heading{max-width:none;text-align:left;margin:0 0 var(--heading-gap)}
main .stories-heading .section-label,main .trust-overview-heading .section-label{margin-bottom:14px}
main .demo-section,main .leaders,main .industry-section,main .customer-stories,main .trust-overview,main .setup-section,main .compliance-section,main .tailored-demo,main .pricing,main .faq,main .closing,main .customer-awards{padding-block:var(--section-space);margin-block:0}
main .features{padding-top:var(--section-space);padding-bottom:var(--section-space)}
main .supporting-features{padding-top:40px}
main .supporting-heading h3{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin-top:0}
main .feature-copy h3{font-size:30px;line-height:1.25;letter-spacing:-.03em;font-weight:500;max-width:440px}
main .feature-copy>p:not(.section-label),main .leadership-list article div p,main .support-card>p,main .industry-card-body>p:not(.industry-category),main .setup-steps p,main .compliance-copy>p:not(.section-label),main .tailored-demo>div>p:not(.section-label),main .pricing-copy>p,main .faq details p{font-size:var(--copy-size);line-height:var(--copy-line)}
main .industry-card h3,main .customer-story h3,main .story-featured h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:500}
main .support-card h4,main .setup-steps h3,main .leadership-list h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;font-weight:600}
main .support-utilities h4{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.015em}
main .support-utilities p{font-size:14px;line-height:var(--copy-line)}
main .support-card>p{min-height:79px}
main .customer-story blockquote,main .featured-story-content blockquote{font-size:16px;line-height:var(--copy-line)}
main .tracking-note h3{font-size:24px;font-weight:500;line-height:1.3}
main .tracking-note p{font-size:var(--copy-size);line-height:var(--copy-line)}
main .compliance-copy h2,main .tailored-demo h2{margin-top:0;margin-bottom:20px}
main .awards{text-align:left;padding:0}
main .awards>img{width:100%;max-width:1200px;height:auto;margin:32px auto 0}
main .button{font-size:14px;font-weight:600;border-radius:8px;min-height:48px}
main .text-link{font-size:13px;font-weight:600}
main .faq summary{font-size:15px;font-weight:600;line-height:1.5}
@media(max-width:1000px){:root{--heading-size:36px;--section-space:56px}main .section-heading,main .supporting-heading{gap:30px}main .section-heading>p,main .supporting-heading>p{max-width:320px}main .support-card>p{min-height:105px}}
@media(max-width:760px){:root{--heading-size:30px;--section-space:40px;--copy-size:14px;--heading-gap:26px}main .section-heading,main .supporting-heading{display:block}main .section-heading>p,main .supporting-heading>p{max-width:none;margin-top:18px}main .section-label{font-size:10px}main .supporting-heading h3,main .feature-copy h3{font-size:26px}main .support-card>p{min-height:0}main .industry-card h3,main .customer-story h3,main .story-featured h3{font-size:23px}main .setup-steps h3,main .support-card h4,main .leadership-list h3{font-size:20px}main .awards>img{margin-top:24px}main .button{font-size:13px}main .faq summary{font-size:14px}main .supporting-features{padding-top:30px}}

/* Sample productivity classifications remain readable without relying on colour. */
.usage-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.productivity-tag{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;line-height:1.6;white-space:nowrap;font-weight:500;letter-spacing:0}.productivity-tag.productive{background:#e8f3ec;color:#286140}.productivity-tag.neutral{background:#edf0f5;color:#4c596d}.productivity-tag.non-productive{background:#fbecea;color:#9b3f36}.classification-note{display:block;margin-top:5px;line-height:1.6}.app-symbol>.icon{width:23px;height:23px;color:#69648b}
@media(max-width:760px){.usage-title{align-items:start;flex-direction:column;gap:5px}.productivity-tag{font-size:9px}.preview-row{gap:10px}.usage-detail{gap:9px}.classification-note{font-size:9px}}

/* Migration review: readable labels and preserved legacy feature journeys. */
.hero .hero-eyebrow{display:block;margin-bottom:18px}.support-card{display:flex;flex-direction:column}.support-card>p{min-height:0}.support-detail-link{display:inline-flex;align-items:center;gap:4px;margin:-12px 0 22px;font-size:12px!important;min-height:44px}.support-card .task-example,.support-card .attendance-example,.support-card .kudos-example{margin-top:auto}.task-example small,.sample-label,.attendance-example>span,.kudos-example div>span{font-size:11px}.task-example>div,.kudos-example strong,.kudos-example p{font-size:12px}.trial-note,.hero .trial-note,.hero .trial-note strong{font-size:12px}.industry-link{font-size:12px}.button.small{white-space:nowrap}.menu-toggle{white-space:nowrap}
@media(max-width:760px){.header-actions .button{white-space:nowrap;font-size:11px;padding-inline:11px}.header{gap:7px}.header .wordmark{font-size:23px}.hero .trial-note{font-size:11px}.task-example>div{flex-wrap:wrap}.task-example small{font-size:10px}.hero .hero-eyebrow{font-size:10px}}
.legacy-feature-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 22px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.legacy-feature-links a{min-height:44px;display:inline-flex;align-items:center}.enterprise-options{grid-column:1/-1;display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:25px}.enterprise-options h3{font-size:22px;font-weight:500;line-height:1.3}.enterprise-options p{font-size:14px;line-height:1.75;color:var(--muted);max-width:720px;margin-top:12px}.enterprise-options .text-link{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}@media(max-width:760px){.enterprise-options{display:block}.enterprise-options .text-link{margin-top:15px}.legacy-feature-links{gap:0 15px}.footer-group,.footer-intro p{font-size:12px}.footer-group a{min-height:36px;display:flex;align-items:center}}

/* Automatic time tracking: shared type and spacing, page-specific composition. */
.feature-hero{padding-block:24px 56px;text-align:center}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);text-align:left;margin-bottom:35px;align-items:center}.breadcrumbs a{min-height:32px;display:inline-flex;align-items:center}.feature-hero h1{font-size:clamp(38px,4.7vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:1050px;margin-inline:auto}.feature-hero h1 span{color:var(--action)}.feature-hero-lead{color:var(--hero-lead-color,var(--ink));font-size:18px;max-width:730px;margin:24px auto 0;line-height:1.7}.feature-hero-detail{font-size:15px;max-width:700px;margin:14px auto 0;color:var(--muted);line-height:1.75}.feature-hero .actions{justify-content:center}.feature-hero .trial-note{display:block;margin-top:15px}.time-detail-section,.time-feature-price,.time-related{padding-block:var(--section-space)}.time-demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.time-explanation>p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted)}.feature-checks{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px;font-size:14px}.feature-checks li{display:flex;gap:10px;align-items:center}.feature-checks .icon{color:var(--action);width:17px;height:17px}.time-tracking-page .preview-heading h3{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3}.time-capabilities{padding-block:var(--section-space);background:var(--pale)}.time-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.time-capability-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:white}.time-capability-card>.icon{color:var(--action);width:26px;height:26px;margin-bottom:22px}.time-capability-card h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin-bottom:16px}.time-capability-card p,.time-capability-card li{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted)}.time-capability-card ul{padding-left:18px;margin:18px 0 0}.time-capability-card li+li{margin-top:8px}.time-tracking-page .tracking-note{margin-top:0}.time-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.time-quotes figure{padding:30px;border:1px solid var(--line);border-radius:12px;background:white}.time-quotes blockquote{margin:0 0 25px;font-size:19px;line-height:1.7}.time-quotes figcaption{font-size:13px;display:flex;flex-direction:column;gap:3px}.time-quotes figcaption span{color:var(--muted)}.feature-price-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;background:var(--lavender);border-radius:14px}.feature-price{font-size:54px;font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:8px 0 12px}.feature-price span{font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}.feature-price-box p:last-child{font-size:13px;color:var(--muted)}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-links a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:8px;font-size:14px;min-height:65px}.related-links .icon{color:var(--action);width:17px;height:17px}.time-tracking-page .faq{padding-top:var(--section-space)}
@media(max-width:1000px){.time-capability-grid{grid-template-columns:1fr 1fr}.time-demo-layout{gap:30px}.time-capability-card{padding:24px}}
@media(max-width:760px){.feature-hero{padding-bottom:40px}.breadcrumbs{font-size:11px;gap:7px;margin-bottom:24px}.feature-hero h1{font-size:37px}.feature-hero-lead{font-size:16px}.feature-hero-detail{font-size:14px}.feature-hero .actions{flex-direction:column;gap:16px}.feature-hero .trial-note{font-size:11px}.time-demo-layout,.time-capability-grid,.time-quotes,.related-links{grid-template-columns:1fr}.time-demo-layout{gap:30px}.time-capability-card h3{font-size:23px}.feature-checks{font-size:13px}.feature-price-box{display:block;padding:25px}.feature-price-box .button{margin-top:22px}.feature-price{font-size:45px}.feature-price span{display:block;font-size:14px;margin-top:8px}.time-quotes blockquote{font-size:17px}.time-tracking-page .activity-preview .preview-body{padding:20px}}

/* Feature hero experiment: dark backdrop and a finite automatic-capture sequence. */
.time-tracking-page .hero-shell:not(.product-hero){--hero-lead-color:#ece9f7;position:relative;background:radial-gradient(ellipse at 15% 30%,#37326466,transparent 55%),radial-gradient(ellipse at 90% 90%,#29244d88,transparent 50%),linear-gradient(135deg,#131423,#19182e 55%,#101320);color:#f8f7ff;border-top:1px solid #ffffff0f}.time-tracking-page .hero-shell:not(.product-hero):before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 70%,transparent)}.time-tracking-page .feature-hero{position:relative;padding-bottom:50px}.time-tracking-page .breadcrumbs{color:#bebbd2}.time-tracking-page .feature-hero>.section-label{color:#bcb4ff}.time-tracking-page .feature-hero h1{color:#fff;animation:capture-title-enter .7s ease-out both}.time-tracking-page .feature-hero h1 span{color:#bcb4ff}.time-tracking-page .feature-hero-detail{color:#c0bed1}.time-tracking-page .feature-hero .text-link{color:#d6d0ff}.time-tracking-page .feature-hero .trial-note{color:#b7b4ca}.time-tracking-page .feature-hero .button{background:#7670ed;border-color:#a8a1ff44;color:white;box-shadow:0 5px 20px #0002}.time-tracking-page .feature-hero .button:hover{background:#625bdc}.hero-capture-demo{max-width:850px;margin:38px auto 0;text-align:left;background:#121422b3;border:1px solid #8e89b33d;border-radius:14px;box-shadow:0 20px 60px #0002;overflow:hidden;animation:capture-title-enter .8s ease-out both}.capture-demo-heading{display:flex;justify-content:space-between;gap:15px;padding:17px 24px;border-bottom:1px solid #ffffff12;font-size:12px;color:#e2deef}.capture-demo-heading>span{display:flex;gap:9px;align-items:center}.capture-demo-heading i{display:inline-block;background:#a9d8bf;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #a9d8bf12}.capture-demo-heading small{font-size:10px;color:#aaa6bd}.capture-demo-rows{padding:5px 24px}.hero-capture-row{display:grid;grid-template-columns:190px 1fr 65px;gap:24px;align-items:center;padding:15px 0}.hero-capture-row+.hero-capture-row{border-top:1px solid #ffffff08}.capture-app{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.4}.capture-app>img{width:30px;height:30px;padding:5px;background:#eeedf8;border-radius:7px;object-fit:contain}.capture-app small{display:block;font-size:10px;color:#aca8c0;margin-top:3px}.capture-time-lane{height:15px;background:repeating-linear-gradient(90deg,#ffffff05 0,#ffffff05 calc(25% - 1px),#ffffff16 calc(25% - 1px),#ffffff16 25%);border-radius:3px;overflow:hidden}.capture-time-fill{height:100%;display:block;width:var(--capture-width);transform-origin:left;background:linear-gradient(90deg,#6963c8,#aaa0ef);border-radius:3px;animation:time-capture-grow 2.8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--capture-delay)}.capture-time-fill.design{background:linear-gradient(90deg,#655e9c,#9690c6)}.capture-time-fill.communication{background:linear-gradient(90deg,#496c76,#8ab7b6)}.capture-time{color:#eeeafa;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.capture-demo-footer{padding:13px 24px;border-top:1px solid #ffffff12;display:flex;gap:25px;font-size:10px;color:#c0bbd2}.capture-demo-footer>span{display:flex;align-items:center;gap:6px}.capture-demo-footer .icon{width:12px;height:12px;color:#b5abd8}@keyframes time-capture-grow{from{transform:scaleX(.05);opacity:.6}to{transform:scaleX(1);opacity:1}}@keyframes capture-title-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.time-tracking-page .feature-hero{padding-bottom:35px}.hero-capture-demo{margin-top:28px}.capture-demo-heading{padding:14px;font-size:10px;gap:8px}.capture-demo-heading small{font-size:9px}.capture-demo-rows{padding:3px 14px}.hero-capture-row{grid-template-columns:1fr 45px;gap:10px;padding:13px 0}.capture-app{font-size:12px}.capture-time-lane{grid-column:1/-1;grid-row:auto;height:9px}.capture-time{grid-column:2;grid-row:1}.hero-capture-row{position:relative}.capture-time{grid-row:auto}.capture-time-lane{order:3}.capture-demo-footer{padding:12px 14px;flex-wrap:wrap;gap:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.time-tracking-page .feature-hero h1,.hero-capture-demo,.capture-time-fill{animation:none!important;transform:none;opacity:1}}

/* Requested competitor-image experiment; visible attribution distinguishes product interfaces. */
.maxel-reference{margin:0;min-width:0}.maxel-reference>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px}.maxel-reference>figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px;text-align:center}.hero-reference{max-width:850px;margin:35px auto 0}.hero-reference>figcaption{color:#c0bed1}.time-visual-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:45px}.time-visual-intro .section-heading{display:block}.time-visual-intro .section-heading>p{margin-top:20px;max-width:440px}.time-tracking-page .time-demo-layout>.tracking-note{margin-top:0}.time-tracking-page .time-demo-layout{align-items:center}.hero-reference>img{animation:capture-title-enter .8s ease-out both}@media(max-width:760px){.time-visual-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.time-visual-intro .section-heading{margin-bottom:0}.hero-reference{margin-top:28px}.maxel-reference>figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-reference>img{animation:none}}

/* Pair every section heading and its copy with one consistently sized image. */
.time-tracking-page .editorial-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}.time-tracking-page .editorial-copy{min-width:0;max-width:520px}.time-tracking-page .editorial-copy .section-heading,.time-tracking-page .section-heading.editorial-copy{display:block;margin-bottom:22px}.time-tracking-page .editorial-copy .section-heading>p,.time-tracking-page .section-heading.editorial-copy>p{max-width:none;margin-top:20px}.time-tracking-page .editorial-copy h2{font-size:var(--heading-size);font-weight:500;line-height:var(--heading-line);letter-spacing:-.035em;text-wrap:balance}.time-tracking-page .editorial-row>.maxel-reference{width:100%;max-width:520px;justify-self:end}.time-tracking-page .editorial-row>.maxel-reference>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px}.time-tracking-page .time-visual-intro.editorial-row{margin-bottom:48px}.time-tracking-page .editorial-copy .tracking-note{padding:0;background:transparent;border-radius:0;margin:22px 0 0}.time-tracking-page .editorial-copy .tracking-note h3{font-size:20px;font-weight:600}.time-tracking-page .hero-reference{max-width:700px;margin-top:32px}.time-tracking-page .hero-reference>img{width:100%;height:auto}.time-tracking-page .feature-hero{padding-bottom:40px}.time-tracking-page .time-capability-card{display:flex;flex-direction:column}.time-tracking-page .time-capability-card ul{margin-top:auto;padding-top:18px}
@media(max-width:1000px){.time-tracking-page .editorial-row{gap:32px}}
@media(max-width:760px){.time-tracking-page .editorial-row{grid-template-columns:1fr;gap:26px}.time-tracking-page .editorial-copy{max-width:none}.time-tracking-page .editorial-copy .section-heading,.time-tracking-page .section-heading.editorial-copy{margin-bottom:18px}.time-tracking-page .editorial-row>.maxel-reference{max-width:none;justify-self:stretch}.time-tracking-page .editorial-row>.maxel-reference>img{max-height:none}.time-tracking-page .time-visual-intro.editorial-row{margin-bottom:30px}.time-tracking-page .feature-hero{padding-bottom:30px}.time-tracking-page .hero-reference{margin-top:26px}}

/* Attendance feature: existing feature-page typography and components. */
.attendance-hero-summary{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;margin:32px auto 0;padding:20px;border:1px solid #ffffff25;border-radius:12px;background:#11132380;max-width:760px;font-size:14px}.attendance-hero-summary>span{display:flex;align-items:center;gap:8px}.attendance-hero-summary small{color:#c0bed1;font-size:12px;flex-basis:100%}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.status-dot.present{background:#8fd4ae}.status-dot.half-day{background:#eed18a}.status-dot.absent{background:#eda9a9}.attendance-copy{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted)}.attendance-product img{width:100%;height:auto;display:block;border-radius:14px}.attendance-product figcaption,.attendance-example-panel figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px;text-align:center}.attendance-example-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;min-width:0}.attendance-example-head{margin-bottom:25px}.attendance-example-head h3{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:8px}.attendance-example-head>span{font-size:12px;color:var(--muted)}.attendance-table [role=row]{display:grid;grid-template-columns:1.2fr .8fr 1fr;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.attendance-table .attendance-table-head{font-size:11px;color:var(--muted);padding-top:0}.attendance-status{display:inline-block;border-radius:5px;padding:3px 8px;font-size:11px;white-space:nowrap}.attendance-status.present{background:#e8f3ec;color:#286140}.attendance-status.half-day{background:#fbf1d9;color:#755617}.attendance-status.absent{background:#fbecea;color:#9b3f36}.attendance-reasons{display:grid;grid-template-columns:1fr 1fr;gap:30px}.attendance-reasons article{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:20px}.attendance-reasons .icon{color:var(--action);flex-shrink:0}.attendance-reasons h3{font-size:20px;font-weight:500;line-height:1.3}.attendance-reasons p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted);margin-top:12px}@media(max-width:760px){.attendance-hero-summary{gap:18px;padding:18px 12px;font-size:12px}.attendance-hero-summary small{font-size:11px}.attendance-example-panel{padding:18px}.attendance-table [role=row]{font-size:11px;gap:6px}.attendance-status{font-size:10px;padding:3px 5px}.attendance-reasons{grid-template-columns:1fr;gap:22px}}

/* Owner-supplied team photo: preserve the complete portrait and transparent edges. */
.attendance-page .attendance-product{width:100%;max-width:460px;justify-self:end}.attendance-page .attendance-product img{width:100%;height:auto;object-fit:contain;border-radius:0}.attendance-page .attendance-hero-summary{animation:capture-title-enter .8s ease-out both}@media(max-width:760px){.attendance-page .attendance-product{max-width:420px;justify-self:center}}@media(prefers-reduced-motion:reduce){.attendance-page .attendance-hero-summary{animation:none!important}}
.scroll-reveal{animation:page-scroll-enter .6s cubic-bezier(.2,.65,.3,1) both}@keyframes page-scroll-enter{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scroll-reveal{animation:none!important;opacity:1;transform:none}}

/* Shared migrated feature pages: intrinsic media, contextual examples, existing type scale. */
.feature-product-image{margin:0;min-width:0;width:100%}.feature-product-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:12px}.feature-product-image figcaption,.feature-example-panel figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px}.feature-product-image figcaption{text-align:center}.feature-example-panel{margin:0;min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.feature-example-panel h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin-bottom:24px}.usage-example [role=row]{display:grid;grid-template-columns:minmax(0,1fr) 48px 112px;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.usage-example [role=cell]:first-child{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.usage-example img{flex-shrink:0;object-fit:contain}.usage-example .usage-example-head{font-size:11px;color:var(--muted);padding-top:0}.usage-category{border-radius:5px;padding:3px 6px;text-align:center;font-size:11px}.usage-category.productive{background:#e8f3ec;color:#286140}.usage-category.neutral{background:#f0f0f5;color:#505466}.usage-category.non-productive{background:#fbecea;color:#9b3f36}.mapping-example>div{display:flex;align-items:center;gap:12px;background:var(--pale);border:1px solid var(--line);border-radius:8px;padding:20px;font-size:15px}.mapping-example>span{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px;padding:20px}.mapping-example>p,.capture-context p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted);margin-top:12px}.capture-context{list-style:none;display:grid;gap:25px;padding:0}.capture-context li{display:flex;gap:16px;align-items:flex-start}.capture-context li>span{font-size:12px;color:var(--action);background:var(--lavender);padding:8px;border-radius:6px}.capture-context strong{font-size:16px;font-weight:500}.capture-context p{margin-top:6px}.feature-directory-link{margin-top:26px}.support-card,.features-index .time-capability-card{background:var(--support-card-background,#f6f5fa);border-color:var(--support-card-border,#e9e7f0);border-radius:8px}
.features-index .feature-directory-card:is(:hover,:focus-visible){border-color:var(--brand)}
.feature-directory-card{display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,box-shadow .2s}.feature-directory-card:hover{border-color:var(--brand);box-shadow:0 8px 28px #27344a0b}.feature-directory-card .text-link{margin-top:auto;padding-top:24px}.feature-directory-card .feature-group-label{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:12px}.time-tracking-page .feature-checks li{align-items:flex-start}.time-tracking-page .feature-checks .icon{flex-shrink:0;margin-top:3px}@media(max-width:760px){.feature-example-panel{padding:20px}.feature-example-panel h3{font-size:23px}.usage-example [role=row]{grid-template-columns:minmax(0,1fr) 35px 99px;gap:7px;font-size:11px}.usage-example [role=cell]:first-child{gap:6px}.usage-example img{width:20px;height:20px}.usage-category{font-size:10px;padding:3px}.feature-product-image img{max-height:420px}}@media(max-width:360px){.feature-example-panel{padding:14px}.usage-example [role=row]{grid-template-columns:minmax(0,1fr) 29px 87px;gap:5px}.usage-example [role=cell]:first-child{flex-wrap:wrap}.usage-example .usage-example-head{font-size:10px}.usage-category{font-size:9px}}

/* Feature workflows reuse the shared panel, spacing and type scale. */
.workflow-summary{padding:22px;background:var(--pale);border-radius:8px}.workflow-summary span{display:block;color:var(--muted);font-size:14px}.workflow-summary strong{display:block;font-size:36px;font-weight:500;line-height:1.3;margin-top:8px}.workflow-records,.workflow-checklist{list-style:none;padding:0;margin:20px 0}.workflow-records li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.workflow-records strong{font-weight:500;white-space:nowrap}.workflow-detail{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted);margin-top:20px}.workflow-settings{margin:0}.workflow-settings>div{padding:18px 0;border-bottom:1px solid var(--line)}.workflow-settings dt{font-size:12px;color:var(--muted);margin-bottom:6px}.workflow-settings dd{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.workflow-meta{display:flex;gap:8px;flex-wrap:wrap}.workflow-meta>span{padding:6px 10px;border-radius:5px;background:var(--pale);color:var(--muted);font-size:12px}.workflow-checklist{display:grid;gap:20px;padding-top:12px}.workflow-checklist li{display:flex;align-items:center;gap:12px;font-size:15px}.workflow-checklist .icon{flex-shrink:0;color:var(--action)}.workflow-kudos{background:var(--pale);border-radius:10px;padding:24px}.workflow-kudos>.icon{color:var(--action);width:30px;height:30px}.workflow-kudos p{font-size:18px;line-height:1.65;margin:18px 0}.workflow-kudos>span{color:var(--muted);font-size:13px}.workflow-leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.workflow-leaderboards h4{font-size:16px;font-weight:500;margin-bottom:16px}.workflow-leaderboards ol{padding-left:20px;font-size:14px;line-height:1.75}.workflow-leaderboards li+li{margin-top:12px}.time-tracking-page [id]{scroll-margin-top:30px}.team-management-grid,.feature-card-pair{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.team-management-grid,.feature-card-pair{grid-template-columns:1fr}.workflow-kudos{padding:18px}.workflow-kudos p{font-size:16px}.workflow-leaderboards{gap:16px}.workflow-leaderboards ol{font-size:12px}.workflow-records li{font-size:13px}}

/* Pricing migration: the existing type scale and cards, with a usable comparison table. */
.pricing-page .pricing-hero h1{font-size:clamp(37px,4.1vw,56px);max-width:1060px}.pricing-quick-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:740px;gap:14px;margin:34px auto 0}.pricing-quick-compare>div{padding:20px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff05}.pricing-quick-compare span,.pricing-quick-compare small{display:block;font-size:13px;color:#d5d0e8}.pricing-quick-compare strong{display:block;font-size:36px;line-height:1.3;font-weight:500;margin:10px 0}.pricing-quick-compare .pricing-compare-backlsh{background:#7670ed25;border-color:#b2aaff80}.pricing-source-note{font-size:12px;color:#c0bed1;line-height:1.7;margin:18px auto 0;max-width:740px}.pricing-source-note a{text-decoration:underline;text-underline-offset:3px}.pricing-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.pricing-plan{padding:32px;border:1px solid var(--line);border-radius:14px;background:#fff}.pricing-plan.premium-plan{border-color:var(--purple);background:linear-gradient(155deg,#f5f4ff,#fff 50%)}.pricing-plan h3{font-size:24px;font-weight:500;line-height:1.3}.pricing-plan .plan-price{font-size:54px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:22px 0 16px;color:var(--ink)}.plan-price>span{display:block;font-size:14px;line-height:1.75;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:10px}.pricing-plan .plan-price-custom{font-size:54px}.pricing-plan .plan-description{min-height:calc(var(--copy-size) * var(--copy-line) * 2)}.pricing-plan>p,.enterprise-detail p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted)}.pricing-plan>.section-label{font-size:11px;color:var(--action)}.pricing-plan>.button{width:100%;margin-top:24px}.pricing-plan .plan-note{font-size:12px;line-height:1.7;margin-top:12px}.plan-feature-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px;font-size:14px;line-height:1.65}.plan-feature-list li{display:flex;gap:12px;align-items:flex-start}.plan-feature-list .icon{width:17px;height:17px;margin-top:3px;color:var(--action)}.enterprise-plan-stack{display:grid;gap:24px}.pricing-estimate{background:var(--pale)}.pricing-estimate>p{margin-top:10px}.pricing-estimate .seat-calculator{margin-top:20px}.pricing-estimate .seat-value input{background:#fff}.pricing-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}.pricing-comparison-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;text-align:left}.pricing-comparison-table caption{text-align:left;padding:18px 22px;font-size:12px;color:var(--muted)}.pricing-comparison-table th,.pricing-comparison-table td{padding:18px 22px;border-top:1px solid var(--line);vertical-align:top}.pricing-comparison-table th{font-weight:500}.pricing-comparison-table thead th{background:#f7f7fc;font-size:16px}.pricing-comparison-table tr>:nth-child(2){background:var(--lavender)}.pricing-comparison-table tbody th{width:31%}.comparison-hint{font-size:12px;color:var(--muted);margin-bottom:14px}.pricing-comparison-sources{margin-top:22px;font-size:13px;line-height:1.75;color:var(--muted);max-width:950px}.pricing-comparison-sources p+p{margin-top:12px}.pricing-comparison-sources a:not(.text-link){text-decoration:underline;text-underline-offset:3px}.pricing-comparison-sources>.text-link{margin-top:16px}.pricing-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pricing-resource-grid .section-label{margin-bottom:18px;font-size:11px}.enterprise-detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.enterprise-detail .feature-checks{margin:0}.enterprise-detail .button{margin-top:24px}.faq-intro>p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted);margin-top:22px}.faq-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.faq-filters button{font-size:12px;border:1px solid var(--line);background:white;color:var(--muted);border-radius:6px;padding:10px 14px;min-height:44px;transition:background .18s,color .18s}.faq-filters button[aria-pressed=true]{background:var(--lavender);border-color:#c8c7f8;color:var(--action)}.faq-filters button:hover{background:var(--pale)}.faq-filter-status{font-size:12px;color:var(--muted)}.faq-filter-status:empty{display:none}.faq-answer-links{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:20px;font-size:13px}@media(max-width:1000px){.pricing-plan-grid{gap:20px}.pricing-plan{padding:26px}.enterprise-detail{gap:32px}}@media(max-width:760px){.pricing-page .pricing-hero h1{font-size:37px}.pricing-quick-compare{gap:8px}.pricing-quick-compare>div{padding:16px 8px}.pricing-quick-compare span{font-size:12px}.pricing-quick-compare strong{font-size:29px}.pricing-quick-compare small{font-size:10px}.pricing-plan-grid,.pricing-resource-grid,.enterprise-detail{grid-template-columns:1fr}.pricing-plan{padding:24px}.pricing-plan .plan-price{font-size:48px}.plan-feature-list{font-size:13px}.pricing-source-note{font-size:11px}.pricing-comparison-table{font-size:13px}.pricing-comparison-table th,.pricing-comparison-table td{padding:16px}.faq-filters button{padding:10px 12px}.enterprise-detail{gap:24px}}


/* Align Enterprise copy and services on one grid beside the shared compliance marks. */
.pricing-page .enterprise-section-layout{align-items:start}.enterprise-contact-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--pale)}.enterprise-contact-card .compliance-marks{width:100%;max-width:none;margin:0;padding-bottom:26px;border-bottom:1px solid var(--line);gap:20px}.enterprise-contact-card .compliance-marks>p{font-size:12px;line-height:1.7}.enterprise-contact-copy{padding-top:26px}.enterprise-contact-copy h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.025em}.enterprise-contact-copy>p{font-size:var(--copy-size);line-height:var(--copy-line);color:var(--muted);margin-top:16px}.enterprise-contact-copy>.button{margin-top:24px}.pricing-page .enterprise-section-layout .feature-checks{margin:26px 0 0;gap:18px}@media(max-width:760px){.enterprise-contact-card{padding:24px}.enterprise-contact-copy h3{font-size:23px}.enterprise-contact-card .compliance-marks img{width:80px;height:80px}.enterprise-contact-copy>.button{width:100%}}

.comparison-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.comparison-brand img{display:block;width:28px;height:28px;object-fit:contain;border-radius:5px;flex-shrink:0}

/* Shared header page directory. */
.header{position:relative;z-index:30}
.header nav{align-items:center}
.mega-menu summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:44px}
.mega-menu summary::-webkit-details-marker{display:none}
.mega-menu summary span{color:var(--brand,#696cff)}
.mega-panel{position:absolute;top:100%;left:0;right:0;padding:28px;background:white;border:1px solid var(--line,#e5e5ef);border-radius:16px;box-shadow:0 20px 48px #27344a18;max-height:70vh;overflow:auto}
.mega-label{margin:0 0 16px;color:var(--muted,#606b7e);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}
.header .mega-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:8px;min-height:48px;font-size:14px;line-height:1.5}
.mega-links a:hover,.mega-links a[aria-current=page]{background:#eeedff;color:#5053d4}
.mega-links a span{color:inherit}
.mega-menu summary:focus-visible,.mega-links a:focus-visible{outline:2px solid #5053d4;outline-offset:3px}
@media(max-width:900px){
.header nav.open{display:flex;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 90px);overflow:auto}
.mega-panel{position:static;padding:12px;box-shadow:none;border-radius:8px;max-height:none}
.mega-links{grid-template-columns:1fr}
.mega-menu summary{justify-content:space-between}
}

/* Customer story directory uses the shared brand and typography. */
.customer-stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.customer-story-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:var(--white)}.customer-story-brand{min-height:200px;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--lavender);font-size:var(--heading-size);font-weight:500;letter-spacing:-.035em}.customer-story-card:nth-child(even) .customer-story-brand{background:var(--pale)}.customer-story-content{padding:32px;display:flex;flex-direction:column;flex:1;gap:20px}.customer-story-content .section-label{margin:0}.customer-story-content h3{font-size:24px;font-weight:500;line-height:1.2}.customer-story-content>p:not(.section-label){color:var(--muted);font-size:var(--copy-size);line-height:var(--copy-line)}.customer-story-result{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:4px}.customer-story-result strong{font-weight:500;font-size:24px}.customer-story-result span{color:var(--muted);font-size:var(--copy-size)}.customer-story-content>.text-link{align-self:start}.customer-founder-photo img{display:block;width:100%;height:auto;border-radius:14px}.customer-founder-quote{margin:24px 0;font-size:20px;line-height:1.75}.customers-page .time-quotes{grid-template-columns:1fr}.customers-page .time-quotes figure{max-width:900px}@media(max-width:760px){.customer-stories-grid{grid-template-columns:1fr}.customer-story-content{padding:24px}.customer-story-brand{min-height:160px}.customer-story-content h3{font-size:23px}}

.customer-story-brand>img{width:180px;height:180px;object-fit:contain}.customer-company-wordmark{display:flex;align-items:center;gap:16px;font-size:clamp(22px,3vw,36px)}.customer-company-wordmark .mark{display:inline-flex;flex:none;width:64px;height:64px;align-items:center;justify-content:center;border-radius:16px;background:var(--action)}.customer-company-wordmark svg{width:52px;height:52px}.customers-page .closing .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center}.customers-page .closing h2{grid-column:1;overflow-wrap:break-word}.customers-page .closing-description{grid-column:1;max-width:700px}.customers-page .closing .wrap>div{grid-column:2;grid-row:1/3;min-width:0}.customers-page .closing .button{white-space:normal;flex-shrink:0;line-height:1.5;height:auto}@media(max-width:760px){.customers-page .closing .wrap{grid-template-columns:minmax(0,1fr)}.customers-page .closing .wrap>div{grid-column:1;grid-row:auto;margin-top:0}.customer-company-wordmark{gap:12px}.customer-company-wordmark .mark{width:48px;height:48px}}

/* Editorial case study: company sidebar and a readable results-led narrative. */
.case-study-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding-block:var(--section-space);align-items:start}.case-study-sidebar{position:sticky;top:110px}.case-study-sidebar .time-capability-card{padding:24px}.case-study-sidebar img{display:block;margin-bottom:24px;border-radius:8px}.case-study-sidebar dt{font-weight:600;margin-top:16px}.case-study-sidebar dd{margin:4px 0 0;color:var(--muted)}.case-study-nav{display:grid;gap:14px;margin:24px 0}.case-study-nav a{font-size:14px;min-height:32px;display:flex;align-items:center}.case-study-section{padding-bottom:var(--section-space);scroll-margin-top:110px}.case-study-section .section-heading{display:block}.case-study-prose p{margin-top:20px;color:var(--muted);font-size:var(--copy-size);line-height:var(--copy-line)}.case-study-prose h3{font-size:24px;font-weight:500;line-height:1.3}.case-study-article{min-width:0}.case-study-article .time-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-article>.time-capabilities{padding:32px;border-radius:14px}.case-study-article>.time-capabilities>.wrap{width:100%}.case-study-article .time-quotes figure{padding:24px}.case-study-section[id=outcomes] .time-capability-card{background:var(--lavender)}@media(max-width:1000px){.case-study-layout{grid-template-columns:240px minmax(0,1fr);gap:32px}}@media(max-width:760px){.case-study-layout{grid-template-columns:1fr}.case-study-sidebar{position:static}.case-study-article .time-capability-grid{grid-template-columns:1fr}.case-study-sidebar .time-capability-card{display:block}.case-study-nav{grid-template-columns:1fr 1fr}.case-study-article>.time-capabilities{padding:24px}}

.time-tracking-page .time-capability-card.customer-review{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:28px;align-items:center}.customer-review blockquote{margin:0 0 20px;line-height:var(--copy-line)}.customer-review figcaption{color:var(--muted)}.customer-review>img{width:120px;height:120px;object-fit:cover;border-radius:12px}@media(max-width:480px){.time-tracking-page .time-capability-card.customer-review{grid-template-columns:1fr}.customer-review>img{justify-self:end}}

/* Shared navigation: spacious directory panels with an editorial introduction. */
.header{gap:32px}.header nav{gap:20px}.mega-panel{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;padding:32px;border-radius:0 0 16px 16px;border-top:2px solid var(--purple)}.mega-intro{padding:16px 24px 16px 8px;border-right:1px solid var(--line)}.mega-intro h2{font-size:26px;font-weight:500;line-height:1.2;margin-bottom:16px}.mega-intro>p:not(.mega-label){font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:20px}.mega-intro .text-link{font-size:13px}.mega-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;align-content:start}.mega-links>a{min-height:56px;padding:14px;border-radius:8px;line-height:1.5;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:12px}.mega-links>a:hover,.mega-links>a[aria-current=page]{background:var(--lavender);color:var(--action);text-decoration:none}.mega-menu summary{min-height:48px;gap:7px}.mega-menu[open]>summary{color:var(--action)}@media(max-width:1100px){.header{gap:20px}.header nav{gap:12px}.mega-panel{grid-template-columns:200px minmax(0,1fr);gap:24px}.mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.header .mega-panel{display:block;padding:16px;border-top:0;border-radius:8px}.mega-intro{border:0;padding:8px 0 16px}.mega-intro h2,.mega-intro>p:not(.mega-label),.mega-intro>.text-link{display:none}.mega-intro .mega-label{margin:0}.header .mega-links{grid-template-columns:1fr}.header .mega-links>a{padding:12px;min-height:48px}.header nav{gap:0}}

.mega-links>a>span{flex:1}.mega-links>a>.icon:first-child{color:var(--action)}.mega-links>a>.icon:last-child{width:16px;height:16px;color:var(--muted)}.resource-navigation-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.resource-navigation-group h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:12px}.resource-navigation-group h3 .icon{color:var(--action)}.resource-navigation-group .mega-links{grid-template-columns:1fr;gap:2px}.resource-navigation-group .mega-links>a{min-height:44px;padding:10px;font-size:13px}.navigation-story{display:grid;gap:14px;margin-bottom:24px}.navigation-story img{width:100%;height:150px;object-fit:cover;object-position:center 30%;border-radius:10px}.navigation-story strong{font-size:18px;font-weight:500;line-height:1.4}.navigation-story>span{font-size:13px;color:var(--action)}@media(max-width:1000px){.resource-navigation-groups{grid-template-columns:1fr;gap:24px}.resources-panel .mega-intro{display:none}}

.resources-panel{grid-template-columns:minmax(0,1fr) 260px}.resources-panel .mega-intro{border-right:0;border-left:1px solid var(--line);padding:16px 0 16px 28px}.resources-panel .resource-navigation-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-links>a>.icon:first-child{width:20px;height:20px;color:var(--action)}@media(max-width:1100px){.resources-panel{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:1000px){.resources-panel .resource-navigation-groups{grid-template-columns:1fr}.resources-panel .mega-intro{border:0}}

.resources-panel.resource-switcher{grid-template-columns:230px minmax(0,1fr);gap:32px}.resource-category-list{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding-right:24px}.resource-category-list button{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 16px;text-align:left;border:0;border-radius:8px;background:transparent;color:#000;font-size:15px}.resource-category-list button[aria-expanded=true]{background:var(--lavender);font-weight:600}.resource-category-list button:hover{background:var(--pale)}.resource-category-panel h3{font-size:20px;font-weight:500;margin:12px 0 20px;color:#000}.resource-category-panel .mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}.header .mega-panel a,.header .mega-panel a:hover,.header .mega-panel a[aria-current=page],.header .mega-panel .text-link,.header .mega-panel .mega-links>a>.icon{color:#000}.resource-category-panel+.resource-category-panel:not([hidden]){margin-top:24px}@media(max-width:1000px){.header .resources-panel.resource-switcher{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px}.resource-category-list{padding-right:8px}.resource-category-list button{font-size:13px;padding:10px 8px;gap:8px}.resource-category-list .icon{width:16px;height:16px}.resource-category-panel .mega-links{grid-template-columns:1fr}.resource-category-panel h3{font-size:18px}.header .resource-category-panel .mega-links>a{font-size:13px;overflow-wrap:anywhere}}

.header .mega-panel,.header .mega-panel a,.header .mega-panel a:hover,.header .mega-panel a[aria-current=page],.header .mega-panel button,.header .mega-panel button[aria-expanded=true],.header .mega-panel .icon,.header .mega-panel p,.header .mega-panel h2,.header .mega-panel h3,.header .mega-panel .mega-label{color:#000}.resources-panel.resource-switcher{grid-template-columns:190px minmax(0,1fr) 240px;gap:24px}.resource-category-panel .mega-links>a{justify-content:flex-start}.resource-category-panel .mega-links>a>.icon{flex-shrink:0;width:20px;height:20px}.resource-menu-preview{padding:20px;background:var(--pale);border-radius:12px}.resource-menu-preview>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 30%;border-radius:8px;margin:16px 0}.resource-menu-preview h3{font-size:20px;line-height:1.3;font-weight:500;margin-bottom:12px}.resource-menu-preview>p:not(.mega-label){font-size:13px;line-height:1.7}.resource-menu-preview>a{display:flex;gap:10px;align-items:center;margin-top:16px;min-height:44px;font-size:13px;font-weight:600}@media(max-width:1100px){.resources-panel.resource-switcher{grid-template-columns:170px minmax(0,1fr) 200px;gap:20px}}@media(max-width:1000px){.header .resources-panel.resource-switcher{grid-template-columns:125px minmax(0,1fr)}.resource-menu-preview{grid-column:1/-1;display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:16px}.resource-menu-preview>img{grid-column:1;grid-row:1/5;margin:0;aspect-ratio:1}.resource-menu-preview>.mega-label,.resource-menu-preview>h3,.resource-menu-preview>p,.resource-menu-preview>a{grid-column:2}.resource-menu-preview h3{font-size:18px}.resource-menu-preview>.mega-label{margin-bottom:8px}}

.stream-app{display:flex;align-items:center;gap:10px}.stream-app>img{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}@media(max-width:480px){.stream-app{gap:6px}.stream-app>img{width:20px;height:20px}}

.customer-logo-section{padding-block:40px;border-bottom:1px solid var(--line);background:var(--white)}.customer-logo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.customer-logo-heading>p{font-size:var(--copy-size);line-height:var(--copy-line)}.customer-logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.customer-logo-track{display:flex;width:max-content;animation:customer-logo-scroll 30s linear infinite}.customer-logo-group{display:flex;align-items:center;flex-shrink:0}.customer-logo-item{width:200px;padding-inline:24px;display:flex;justify-content:center;align-items:center;height:90px}.customer-logo-item img{width:150px;height:70px;object-fit:contain}.multitech-logo .customer-company-wordmark{font-size:18px;gap:10px;line-height:1.2;letter-spacing:-.02em}.multitech-logo .mark{width:44px;height:44px;border-radius:10px}.multitech-logo svg{width:38px;height:38px}.customer-logo-section:hover .customer-logo-track,.customer-logo-section:focus-within .customer-logo-track,.customer-logo-section.is-paused .customer-logo-track{animation-play-state:paused}@keyframes customer-logo-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.customer-logo-track{animation:none}.customer-logo-window{overflow-x:auto;mask-image:none}.customer-logo-group[aria-hidden=true]{display:none}}@media(max-width:760px){.customer-logo-section{padding-block:28px}.customer-logo-item{width:170px;padding-inline:16px}.customer-logo-heading{align-items:start}}

.hero .hero-reviews{grid-column:1/-1;width:100%;border:0;padding:24px 0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 32px;align-items:center}.hero-reviews .review-platforms{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-reviews .ratings-note{grid-column:2;color:var(--muted)}.hero-reviews .platform-rating{color:var(--ink)}@media(max-width:760px){.hero .hero-reviews{grid-template-columns:1fr;gap:18px}.hero-reviews .ratings-note{grid-column:1}.hero-reviews .review-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}

.hero .hero-reviews{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-reviews .review-platforms{justify-content:center;gap:40px}.hero-reviews .platform-rating{align-items:center}.hero-reviews .ratings-note{text-align:center}@media(max-width:760px){.hero-reviews .review-platforms{gap:24px 32px}}

.product-hero {
    background: #fbfbfe;
    border-block: 1px solid var(--line);
}

.product-hero .hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    gap: 32px clamp(32px, 4vw, 56px);
    padding-block: 64px 24px;
}

.product-hero .hero h1 {
    font-size: clamp(42px, 4.7vw, 68px);
}

.product-hero .hero h1 span {
    display: inline-block;
    color: inherit;
}

.product-hero .hero-detail {
    margin-top: 20px;
}

.product-hero .actions {
    justify-content: flex-start;
    margin-top: 24px;
}

.product-hero .trial-note {
    text-align: left;
}

.product-hero .hero-reviews {
    padding: 0;
}

.home-hero-features,
.hero-dashboard-usage,
.hero-dashboard-captures {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.home-hero-features a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding-inline: 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 13px;
}

.home-hero-features a:hover {
    color: var(--action);
    border-color: var(--action);
}

.hero-dashboard-stage {
    position: relative;
    isolation: isolate;
    min-width: 0;
    perspective: 1200px;
}

.hero-dashboard-stage::before {
    position: absolute;
    z-index: -1;
    inset: -10% -8%;
    background: radial-gradient(ellipse at 70% 25%, #4f46e538, transparent 55%),
        radial-gradient(ellipse at 25% 80%, #15a37429, transparent 50%);
    filter: blur(30px);
    pointer-events: none;
    content: '';
}

.hero-capture-badge {
    position: absolute;
    top: -14px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 8px 20px -12px #27344a55;
    font-size: 12px;
    font-weight: 600;
}

.hero-capture-badge .icon {
    width: 15px;
    height: 15px;
    color: #218466;
}

.hero-dashboard {
    margin: 0;
    min-width: 0;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 22px 48px -30px #27344a55;
    font-size: 13px;
}

.hero-dashboard figcaption {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
}

.hero-dashboard figcaption strong {
    color: var(--ink);
}

.hero-dashboard-body {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
}

.hero-dashboard-summary {
    padding: 20px 14px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.hero-dashboard-score {
    display: grid;
    place-items: center;
    width: 92px;
    aspect-ratio: 1;
    margin: 0 auto 8px;
    border-radius: 50%;
    background: conic-gradient(#218466 var(--home-hero-score), #e3e8ed 0);
}

.hero-dashboard-score strong {
    display: grid;
    place-items: center;
    width: 74px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--white);
    font-size: 23px;
}

.hero-dashboard-summary p,
.hero-dashboard-summary dt,
.hero-dashboard-hours {
    color: var(--muted);
}

.hero-dashboard-summary dl {
    margin: 16px 0 0;
    text-align: left;
}

.hero-dashboard-summary dd {
    margin: 0 0 8px;
    font-weight: 600;
}

.hero-dashboard-detail {
    padding: 18px;
}

.hero-dashboard-label {
    margin: 0 0 9px;
    font-weight: 600;
}

.hero-dashboard-usage {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.hero-dashboard-usage li {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 48px;
    gap: 8px;
    align-items: center;
}

.hero-dashboard-usage li > :last-child {
    color: var(--muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.hero-dashboard-track,
.hero-dashboard-track span {
    display: block;
    height: 8px;
    border-radius: 6px;
    background: var(--lavender);
}

.hero-dashboard-track span {
    background: var(--action);
}

.hero-dashboard-timeline {
    display: grid;
    grid-template-columns: 3fr 1fr 4fr 2fr 3fr;
    gap: 3px;
    height: 18px;
}

.hero-dashboard-timeline span {
    background: var(--action);
    border-radius: 3px;
}

.hero-dashboard-timeline span:nth-child(even) {
    background: #d9e5df;
}

.hero-dashboard-hours {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 14px;
    font-size: 11px;
}

.hero-dashboard-captures {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.hero-dashboard-captures li {
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 6px 2px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--pale);
    color: var(--muted);
    font-size: 11px;
}

.hero-dashboard-captures .icon {
    color: var(--action);
}

@media (max-width: 960px) {
    .product-hero .hero {
        grid-template-columns: minmax(0, 1fr);
        padding-top: 40px;
    }

    .hero-dashboard-stage {
        width: 100%;
        max-width: 640px;
    }
}

@media (max-width: 760px) {
    .product-hero .hero h1 {
        font-size: clamp(34px, 7vw, 48px);
    }

    .product-hero .actions {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 520px) {
    .hero-dashboard-body {
        grid-template-columns: minmax(0, 1fr);
    }

    .hero-dashboard-summary {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 6px 12px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        padding: 14px;
        text-align: left;
    }

    .hero-dashboard-score {
        grid-row: span 2;
        margin: 0;
    }

    .hero-dashboard-summary dl {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 2px 8px;
        margin: 0;
    }

    .hero-dashboard-summary dd {
        margin: 0;
    }
}

@property --home-hero-score {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 78%;
}

@media (prefers-reduced-motion: no-preference) {
    .product-hero .hero h1 span,
    .product-hero-copy > :is(.hero-detail, .actions, .trial-note, .home-hero-features) {
        animation: capture-title-enter .75s ease-out var(--hero-delay, .48s) backwards;
    }

    .product-hero-copy > .actions { --hero-delay: .57s; }
    .product-hero-copy > .trial-note { --hero-delay: .66s; }
    .product-hero-copy > .home-hero-features { --hero-delay: .75s; }

    .hero-dashboard-stage {
        animation: capture-title-enter .9s ease-out .35s backwards;
    }

    .hero-dashboard-stage::before {
        animation: home-hero-glow 14s ease-in-out infinite alternate;
    }

    .hero-dashboard {
        transition: transform .25s ease-out;
    }

    .hero-dashboard-score {
        animation: home-hero-score 1.6s ease-out .8s backwards;
    }

    .hero-dashboard-track span,
    .hero-dashboard-timeline {
        transform-origin: left;
        animation: home-hero-bar .8s ease-out var(--hero-delay, 1.3s) backwards;
    }

    .hero-dashboard-captures li,
    .hero-capture-badge {
        animation: home-hero-pop .5s ease-out var(--hero-delay, 2.4s) backwards;
    }
}

@keyframes home-hero-glow {
    to { transform: translate(-30px, 24px) scale(1.12); }
}

@keyframes home-hero-score {
    from { --home-hero-score: 0%; }
}

@keyframes home-hero-bar {
    from { transform: scaleX(0); }
}

@keyframes home-hero-pop {
    from { opacity: 0; transform: scale(.9); }
}

.features-index .product-hero .hero {
    padding-block: 20px 60px;
}

.features-index .product-hero .breadcrumbs {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--muted);
}

.features-index .product-hero .feature-hero-detail {
    margin-inline: 0;
}

#feature-list {
    scroll-margin-top: 100px;
}

@media (prefers-reduced-motion: no-preference) {
    .features-index .product-hero h1,
    .features-index .product-hero .feature-hero-detail {
        animation: capture-title-enter .75s ease-out backwards;
    }

    .features-index .product-hero .feature-hero-detail {
        animation-delay: .48s;
    }
}

.showcase-card {
    overflow: hidden;
}

.showcase-header {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    font-weight: 600;
}

.showcase-tabs button {
    min-height: 36px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink);
    font: inherit;
    cursor: pointer;
}

.showcase-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
}

.showcase-tabs button {
    padding-inline: 2px;
    font-size: 12px;
    font-weight: 600;
}

.showcase-tabs button:hover,
.showcase-tabs button[aria-selected="true"] {
    background: var(--lavender);
    color: var(--action);
}

.showcase-tabs[hidden],
.showcase-panel[hidden] {
    display: none;
}

.showcase-panel {
    display: flex;
    flex-direction: column;
    min-height: 262px;
    padding: 18px 16px;
}

.showcase-panel h2 {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 600;
}

.showcase-panel .text-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 12px;
}

.showcase-content p {
    margin-top: 10px;
    color: var(--muted);
}

.showcase-stat,
.showcase-apps li,
.showcase-apps li > span,
.showcase-rule span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.showcase-stat {
    justify-content: space-between;
    margin-bottom: 16px;
}

.showcase-stat strong {
    font-size: 28px;
}

.showcase-chip {
    padding: 4px 7px;
    border-radius: 5px;
    background: var(--lavender);
    color: var(--action);
    font-size: 11px;
    font-weight: 600;
}

.showcase-chip.good { background: #e8f3ec; color: #286140; }
.showcase-chip.partial { background: #faf1de; color: #745012; }
.showcase-chip.low { background: #fbecea; color: #9b3f36; }

.showcase-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.showcase-week,
.showcase-shots {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
}

.showcase-week li,
.showcase-shots li {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 7px 2px;
    border: 1px solid var(--line);
    border-radius: 6px;
    text-align: center;
}

.showcase-rows,
.showcase-apps {
    display: grid;
    gap: 8px;
}

.showcase-rows li {
    display: grid;
    grid-template-columns: minmax(84px, 1.2fr) minmax(35px, 2fr) auto;
    align-items: center;
    gap: 8px;
}

.showcase-rule {
    display: grid;
    gap: 3px;
    margin-top: 12px;
    padding: 7px 10px;
    border-radius: 6px;
    background: var(--pale);
}

.showcase-rule small,
.showcase-trend span,
.showcase-shots li {
    color: var(--muted);
}

.showcase-rule .icon,
.showcase-apps .icon {
    width: 16px;
    height: 16px;
}

.showcase-apps li {
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line);
}

.showcase-trend {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    text-align: center;
}

.showcase-trend svg {
    display: block;
    width: 100%;
}

.showcase-shots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.showcase-shot {
    display: grid;
    gap: 4px;
    width: 90%;
    padding: 8px 5px;
    border-radius: 4px;
    background: var(--pale);
}

.showcase-shot i {
    height: 5px;
    border-radius: 3px;
    background: #c8c7e4;
}

.showcase-shot i:nth-child(2) {
    width: 75%;
    background: #a7a8c5;
    filter: blur(2px);
}

.showcase-shot i:nth-child(3) {
    width: 45%;
}

@media (max-width: 520px) {
    .showcase-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .showcase-week .showcase-chip {
        padding-inline: 3px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .showcase-panel .hero-dashboard-timeline,
    .showcase-panel .hero-dashboard-score {
        animation-delay: .1s;
    }

    .showcase-week .showcase-chip,
    .showcase-shots li,
    .showcase-rule span {
        animation: home-hero-pop .4s ease-out var(--showcase-delay, .3s) backwards;
    }

    .showcase-trend-line {
        stroke-dasharray: 1;
        animation: showcase-trend-draw .8s ease-out backwards;
    }
}

@keyframes showcase-trend-draw {
    from { stroke-dashoffset: 1; }
}

.industry-page .hero-shell.product-detail-hero {
    background: #fbfbfe;
    border-color: var(--line);
}

.product-detail-hero .hero {
    padding-block: 20px 28px;
}

.product-detail-hero .breadcrumbs {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--muted);
}

.product-detail-hero .hero h1 {
    font-size: clamp(34px, 4vw, 58px);
    overflow-wrap: anywhere;
}

.product-detail-hero :is(.feature-hero-lead, .feature-hero-detail) {
    margin-inline: 0;
}

.detail-preview-body,
.hero-price-card {
    padding: clamp(16px, 3vw, 28px);
}

.detail-preview-body {
    min-height: 285px;
}

.detail-preview-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 22px;
}

.detail-preview-context div {
    padding: 10px 12px;
    background: var(--pale);
    border-radius: 6px;
}

.detail-preview-context dt {
    color: var(--muted);
}

.detail-preview-context dd {
    margin: 3px 0 0;
    font-weight: 600;
}

.detail-hero-preview .showcase-shot {
    min-height: 72px;
    align-content: center;
}

.detail-hero-preview .showcase-week li,
.detail-hero-preview .showcase-apps li {
    padding-block: 12px;
}

.detail-hero-preview .feature-example-panel {
    box-shadow: 0 22px 48px -30px #27344a55;
}

.hero-price-card h2 {
    font-size: 21px;
    font-weight: 600;
}

.hero-plan-rate {
    margin-top: 8px;
    color: var(--muted);
}

.hero-plan-rate strong {
    margin-right: 5px;
    color: var(--ink);
    font-size: 42px;
    letter-spacing: -.04em;
}

.hero-price-card .seat-calculator {
    margin-block: 18px;
}

.hero-seat-count {
    float: right;
    font-weight: 600;
}

.hero-price-card input[type="range"] {
    display: block;
    width: 100%;
    height: 32px;
    margin: 10px 0;
    accent-color: var(--action);
}

.pricing-starting-rates {
    text-align: center;
}

.hero-scorecard {
    overflow: hidden;
}

.hero-scorecard table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.hero-scorecard caption {
    padding: 15px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.hero-scorecard :is(th, td) {
    padding: 10px clamp(6px, 1vw, 12px);
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.hero-scorecard th:first-child {
    width: 27%;
}

.hero-scorecard th:nth-child(2),
.hero-scorecard td:nth-child(2) {
    background: var(--pale);
}

.hero-scorecard thead img {
    display: block;
    object-fit: contain;
    margin-bottom: 4px;
}

.hero-scorecard > a {
    margin: 12px;
}

@media (max-width: 520px) {
    .detail-hero-preview::before {
        inset-inline: 0;
    }

    .hero-scorecard {
        font-size: 12px;
    }
}

.site-navbar {
    --navbar-height: 72px;
    position: sticky;
    z-index: 40;
    top: 0;
    border-bottom: 1px solid var(--line);
    background: #ffffffe8;
    backdrop-filter: blur(14px);
    transition: box-shadow .25s;
}

.site-navbar.is-scrolled {
    box-shadow: 0 10px 30px -18px #27344a55;
}

.site-navbar-bar,
.site-navbar-brand,
.site-navbar-drawer,
.site-navbar-links,
.site-navbar-actions {
    display: flex;
    align-items: center;
}

.site-navbar-bar {
    min-height: var(--navbar-height);
    gap: clamp(18px, 3vw, 36px);
}

.site-navbar-brand {
    gap: 9px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.025em;
}

.site-navbar-brand img {
    flex: none;
    object-fit: contain;
}

.site-navbar-drawer {
    flex: 1;
    justify-content: space-between;
    gap: 18px;
}

.site-navbar-links {
    position: relative;
    gap: 2px;
}

.site-navbar-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

.site-navbar-link[aria-current="page"],
.site-navbar-menu[open] > .site-navbar-link {
    color: var(--action);
}

.site-navbar-link[aria-current="page"]::after {
    position: absolute;
    inset: auto 13px 3px;
    height: 2px;
    border-radius: 2px;
    background: var(--action);
    content: '';
}

.site-navbar-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--navbar-indicator-width, 0);
    height: 40px;
    border-radius: 9px;
    background: var(--lavender);
    opacity: 0;
    pointer-events: none;
    transform: translateX(var(--navbar-indicator-x, 0));
    transition: transform .25s ease, width .25s ease, opacity .18s ease;
}

.site-navbar-links.has-indicator .site-navbar-indicator {
    opacity: 1;
}

.site-navbar-menu {
    position: relative;
}

.site-navbar-menu > summary {
    list-style: none;
    cursor: pointer;
}

.site-navbar-menu > summary::-webkit-details-marker {
    display: none;
}

.site-navbar-chevron {
    width: 16px;
    height: 16px;
    flex: none;
    align-self: center;
    color: var(--action);
    transition: transform .2s;
}

.site-navbar-menu[open] > summary .site-navbar-chevron {
    transform: rotate(180deg);
}

.site-navbar-panel {
    position: absolute;
    z-index: 2;
    top: calc(100% + 12px);
    left: -10px;
    width: min(600px, calc(100vw - 40px));
    max-height: calc(100dvh - var(--navbar-height) - 12px);
    overflow: auto;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0 22px 48px -24px #27344a66;
}

.site-navbar-resources {
    display: grid;
    grid-template-columns: 1.15fr 1.15fr .75fr 1fr 1.2fr;
    gap: 14px;
    padding: 18px;
}

.site-navbar-resource-list {
    min-width: 0;
}

@media (min-width: 1041px) {
    .site-navbar-resource-menu {
        position: static;
    }

    .site-navbar-resources {
        left: 0;
        width: min(980px, calc(100vw - 270px));
    }
}

.site-navbar-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px 6px;
}

.site-navbar-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
}

.site-navbar-item:hover,
.site-navbar-item[aria-current="page"],
.site-navbar-resource-list a:hover,
.site-navbar-resource-list a[aria-current="page"] {
    background: var(--pale);
    color: var(--action);
}

.site-navbar-icon {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--lavender);
    color: var(--action);
}

.site-navbar-icon .icon {
    width: 18px;
    height: 18px;
}

.site-navbar-item strong,
.site-navbar-item small {
    display: block;
}

.site-navbar-item strong {
    font-size: 14px;
    font-weight: 600;
}

.site-navbar-item small,
.site-navbar-group-title,
.site-navbar-panel-footer {
    color: var(--muted);
    font-size: 13px;
}

.site-navbar-item small {
    margin-top: 2px;
    line-height: 1.4;
}

.site-navbar-group-title {
    margin: 5px 10px;
    font-weight: 600;
}

.site-navbar-panel-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    padding: 9px 11px;
    border-radius: 9px;
    background: var(--pale);
}

.site-navbar-panel-footer a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    color: var(--action);
    font-weight: 600;
}

.site-navbar-panel-footer .icon {
    width: 14px;
    height: 14px;
}

.site-navbar-feature-columns {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 12px;
}

.site-navbar-features {
    width: min(760px, calc(100vw - 40px));
}

.site-navbar-additional-features {
    display: grid;
    align-content: start;
    gap: 3px;
    padding-left: 8px;
    border-left: 1px solid var(--line);
}

@media (max-width: 1040px) {
    .site-navbar-features {
        width: auto;
    }
}

@media (max-width: 560px) {
    .site-navbar-feature-columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .site-navbar-additional-features {
        padding: 8px 0 0;
        border-left: 0;
        border-top: 1px solid var(--line);
    }
}

.site-navbar-resource-list a {
    display: block;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
}

.site-navbar-actions {
    gap: 10px;
    font-size: 14px;
    white-space: nowrap;
}

.site-navbar-actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 9px;
}

.site-navbar-actions > a:hover {
    color: var(--action);
}

.site-navbar-actions > .button:hover {
    color: white;
}

.site-navbar-demo {
    border: 1px solid var(--line);
    background: var(--white);
    font-weight: 600;
}

.site-navbar-toggle {
    display: none;
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.site-navbar-toggle span {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 21px;
    height: 2px;
    border-radius: 2px;
    background: var(--ink);
    transition: transform .2s, opacity .2s;
}

.site-navbar-toggle span:first-child { transform: translateY(-6px); }
.site-navbar-toggle span:last-child { transform: translateY(6px); }
.site-navbar-toggle[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
.site-navbar-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-navbar-toggle[aria-expanded="true"] span:last-child { transform: rotate(-45deg); }

@media (max-width: 1040px) {
    .site-navbar-bar {
        flex-wrap: wrap;
    }

    .site-navbar.is-enhanced .site-navbar-toggle {
        display: block;
    }

    .site-navbar-drawer {
        flex: 0 0 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .site-navbar.is-enhanced .site-navbar-drawer {
        position: absolute;
        inset: 100% 0 auto;
        display: none;
        max-height: calc(100dvh - var(--navbar-height));
        overflow: auto;
        padding: 8px 20px 20px;
        border-bottom: 1px solid var(--line);
        background: var(--white);
        box-shadow: 0 22px 38px -24px #27344a66;
    }

    .site-navbar.is-enhanced .site-navbar-drawer.open {
        display: flex;
    }

    .site-navbar-links,
    .site-navbar-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .site-navbar-link {
        justify-content: space-between;
        min-height: 48px;
        border-bottom: 1px solid var(--line);
        border-radius: 0;
    }

    .site-navbar-link[aria-current="page"]::after,
    .site-navbar-indicator {
        display: none;
    }

    .site-navbar-panel {
        position: static;
        width: auto;
        max-height: none;
        padding: 6px 0;
        border: 0;
        box-shadow: none;
    }
}

@media (max-width: 560px) {
    .site-navbar-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-navbar,
    .site-navbar-indicator,
    .site-navbar-chevron,
    .site-navbar-toggle span {
        transition: none;
    }
}

@media (max-width: 1040px) {
    .site-navbar-resources {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.faq-page-heading {
    padding-bottom: 0;
}

.faq-page-heading h1 {
    font-size: var(--heading-size);
    font-weight: 500;
    line-height: var(--heading-line);
    margin-bottom: 12px;
}

.faq-directory-sidebar nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 6px;
}

.faq-directory-sidebar nav a:hover {
    background: var(--lavender);
    color: var(--action);
}

.faq-directory {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) minmax(0, 3fr);
    align-items: start;
    gap: clamp(24px, 5vw, 64px);
}

.faq-directory,
.faq-topic-list > .faq {
    scroll-margin-top: 92px;
}

.faq-directory-sidebar {
    position: sticky;
    top: 92px;
    padding: 18px;
    border: 1px solid #e9e7f0;
    border-radius: 12px;
    background: #f6f5fa;
    font-size: 14px;
}

.faq-directory-sidebar nav p {
    margin: 0 12px 6px;
    font-weight: 600;
}

.faq-sidebar-links {
    display: grid;
    gap: 12px;
    margin: 14px 12px 0;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.faq-topic-list {
    display: grid;
    gap: 28px;
    min-width: 0;
}

.faq-page .faq-topic-list > .faq {
    display: block;
    width: 100%;
    padding: clamp(16px, 3vw, 28px);
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
}

.faq-topic-list .faq h2 {
    margin-bottom: 12px;
    font-size: clamp(22px, 3vw, 28px);
}

.faq-topic-list .faq details:last-child {
    border-bottom: 0;
}

.faq-topic-list .faq summary {
    cursor: pointer;
}

.faq-topic-list .faq summary > span {
    display: flex;
    flex: none;
}

@media (max-width: 760px) {
    .faq-directory {
        grid-template-columns: minmax(0, 1fr);
    }

    .faq-directory-sidebar {
        position: static;
    }
}

.contact-page .contact-hero {
    align-items: start;
    padding-bottom: var(--section-space);
}

.contact-hero .product-hero-copy h2 {
    margin-top: 28px;
    font-size: 20px;
}

.contact-page #contact-form {
    padding: clamp(18px, 3vw, 30px);
    scroll-margin-top: 90px;
}

.contact-form-card h2 {
    margin-bottom: 18px;
    font-size: 23px;
    font-weight: 600;
}

.contact-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.contact-field:nth-child(n + 3) {
    grid-column: 1 / -1;
}

.contact-field label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.contact-field :is(input, textarea) {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cbd0dd;
    border-radius: 7px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
    font-size: 16px;
}

.contact-field textarea {
    display: block;
    resize: vertical;
}

.contact-privacy {
    margin: 14px 0;
    color: var(--muted);
}

.contact-privacy a {
    text-decoration: underline;
}

.contact-error,
.contact-success {
    margin-block: 8px;
    padding: 8px 10px;
    border-radius: 6px;
}

.contact-error { color: #922d2d; background: #fff5f5; }
.contact-success { color: #286140; background: #e8f3ec; }

.contact-page .time-capability-card.support-attendance,
.contact-page .time-capability-card.support-projects,
.contact-page .time-capability-card.support-kudos {
    background: var(--support-card-background, #f6f5fa);
    border-color: var(--support-card-border, #e9e7f0);
}

@media (max-width: 520px) {
    .contact-fields {
        grid-template-columns: minmax(0, 1fr);
    }
}

.contact-support-hours {
    margin: 10px 0 18px;
    font-size: 14px;
    line-height: 1.6;
}

.contact-support-hours dt {
    font-weight: 600;
}

.contact-support-hours dt:not(:first-child) {
    margin-top: 10px;
}

.contact-support-hours dd {
    margin: 2px 0 0;
    color: var(--muted);
}

.contact-page .contact-whatsapp {
    background: #25d366;
    border-color: #25d366;
    color: #102a1c;
}

.contact-page .contact-whatsapp:hover {
    background: #1ec45c;
    border-color: #1ec45c;
    color: #102a1c;
}

.marketing-footer {
    background: #171b2a;
    color: #f5f5fb;
}

.marketing-footer-top,
.marketing-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.marketing-footer-top {
    padding-block: 32px;
    border-bottom: 1px solid #383d51;
}

.marketing-footer-brand,
.marketing-footer-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.marketing-footer-brand {
    width: fit-content;
    font-size: 23px;
    font-weight: 700;
}

.marketing-footer-brand img {
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
}

.marketing-footer-top p {
    margin-top: 10px;
    color: #c4c9db;
    font-size: 14px;
}

.marketing-footer-demo {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 15px;
    border: 1px solid #535b73;
    border-radius: 7px;
    font-size: 14px;
}

.marketing-footer-directory {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr 1fr;
    align-items: start;
    gap: 24px;
    padding-block: 34px;
}

.marketing-footer-group {
    min-width: 0;
}

.marketing-footer-group h2 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0;
}

.marketing-footer-group ul {
    display: grid;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.marketing-footer-group a,
.marketing-footer-bottom {
    color: #c4c9db;
    font-size: 13px;
}

.marketing-footer-group a,
.marketing-footer-bottom a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.marketing-footer a:not(.button):hover,
.marketing-footer a[aria-current="page"] {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.marketing-footer a:focus-visible {
    outline-color: #bdbaff;
}

.marketing-footer-bottom {
    border-top: 1px solid #383d51;
    padding-block: 18px;
}

.marketing-footer-bottom nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
}

.marketing-footer-bottom nav .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

@media (max-width: 1050px) {
    .marketing-footer-directory {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .marketing-footer-directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 16px;
    }

    .marketing-footer-group a,
    .marketing-footer-bottom a {
        min-height: 44px;
    }
}

.blogs-listing {
    padding-block: 14px var(--section-space, 80px);
}

.blogs-hero {
    position: relative;
    overflow: hidden;
    color: #f8f7ff;
    background:
        radial-gradient(ellipse at 82% 16%, #5550a244, transparent 34%),
        radial-gradient(ellipse at 6% 100%, #278b8650, transparent 42%),
        linear-gradient(128deg, #131523 0%, #1a1b31 58%, #20233a 100%);
}

.blogs-hero::before {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);
    background-size: 64px 64px;
    content: "";
    mask-image: linear-gradient(90deg, transparent, #000 45%, #000 100%);
    pointer-events: none;
}

.blogs-hero-layout {
    position: relative;
    display: grid;
    min-height: 500px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
    align-items: center;
    gap: clamp(40px, 7vw, 100px);
    padding-block: 35px 58px;
}

.blogs-hero-copy .breadcrumbs {
    margin-bottom: 38px;
    color: #c4c3d5;
}

.blogs-hero-copy .breadcrumbs a:hover {
    color: white;
}

.blogs-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #c7c1ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.blogs-eyebrow > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6fddc4;
    box-shadow: 0 0 0 5px #6fddc41f;
}

.blogs-hero-copy h1 {
    max-width: 650px;
    color: #fff;
    font-size: clamp(42px, 5.2vw, 68px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: 1.06;
}

.blogs-hero-copy h1 span {
    color: #bdb5ff;
}

.blogs-hero-copy > p:not(.blogs-eyebrow) {
    max-width: 500px;
    margin-top: 22px;
    color: #c2c1d1;
    font-size: 16px;
    line-height: 1.8;
}

.blogs-hero-cta {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    gap: 12px;
    margin-top: 27px;
    padding: 0 17px;
    border: 1px solid #ffffff35;
    border-radius: 7px;
    color: white;
    font-size: 13px;
    font-weight: 650;
    transition: background .2s, border-color .2s;
}

.blogs-hero-cta:hover {
    border-color: #bdb5ff99;
    background: #ffffff0c;
    text-decoration: none;
}

.blogs-hero-cta .icon {
    width: 16px;
    height: 16px;
    color: #bdb5ff;
}

.blogs-hero-feature {
    position: relative;
    min-width: 0;
}

.blogs-feature-link {
    position: relative;
    display: block;
    min-height: 345px;
    overflow: hidden;
    border: 1px solid #ffffff2a;
    border-radius: 13px;
    background: #292b42;
    box-shadow: 0 24px 70px #08091466;
}

.blogs-feature-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blogs-feature-link:hover .blogs-feature-image {
    transform: scale(1.04);
}

.blogs-feature-image-fallback {
    display: grid;
    place-items: center;
    background: radial-gradient(ellipse at 76% 24%, #6f63bd 0, transparent 32%), linear-gradient(135deg, #2d3349, #294846);
}

.blogs-feature-image-fallback > span {
    color: #ffffffdd;
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: 1.05;
}

.blogs-feature-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #10121c00 24%, #11132124 45%, #10121cef 100%);
}

.blogs-feature-content {
    position: absolute;
    inset: auto 25px 23px;
    display: grid;
    gap: 13px;
    color: white;
}

.blogs-feature-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d1ceeb;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.blogs-feature-label > span {
    padding: 5px 8px;
    border: 1px solid #ffffff4a;
    border-radius: 30px;
    font-size: 9px;
    letter-spacing: .04em;
}

.blogs-feature-content > strong {
    max-width: 500px;
    font-size: clamp(21px, 2.3vw, 29px);
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.22;
}

.blogs-feature-read {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #c9c2ff;
    font-size: 11px;
    font-weight: 650;
}

.blogs-feature-read .icon {
    width: 15px;
    height: 15px;
}

.blogs-hero-art {
    position: relative;
    display: grid;
    min-height: 345px;
    place-items: center;
}

.blogs-art-window {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(100%, 420px);
    min-height: 300px;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 24px;
    border: 1px solid #ffffff30;
    border-radius: 12px;
    background: linear-gradient(145deg, #f5f3ff 0%, #eae8fa 63%, #dcefe9 100%);
    box-shadow: 0 25px 65px #090b1766;
    color: #25283c;
    transform: rotate(2deg);
}

.blogs-art-topline,
.blogs-art-footer {
    display: flex;
    align-items: center;
}

.blogs-art-topline {
    gap: 5px;
}

.blogs-art-topline i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #696cff;
    opacity: .55;
}

.blogs-art-topline b {
    margin-left: auto;
    color: #6d7182;
    font-size: 8px;
    letter-spacing: .12em;
}

.blogs-art-kicker {
    margin-top: 28px;
    color: #615dc1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .14em;
}

.blogs-art-title {
    margin-top: 9px;
    font-size: clamp(33px, 4vw, 48px);
    font-weight: 600;
    letter-spacing: -.06em;
    line-height: .98;
}

.blogs-art-rule {
    width: 70px;
    height: 3px;
    margin-top: 20px;
    border-radius: 4px;
    background: linear-gradient(90deg, #696cff, #66c6ae);
}

.blogs-art-footer {
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #25283c1c;
    color: #74788a;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
}

.blogs-art-orbit {
    position: absolute;
    border: 1px solid #a9a3ff50;
    border-radius: 50%;
    transform: rotate(-18deg);
}

.blogs-art-orbit-one {
    width: 440px;
    height: 260px;
}

.blogs-art-orbit-two {
    width: 365px;
    height: 215px;
    border-color: #83d7c23b;
    transform: rotate(20deg);
}

.blogs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.blog-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
    transition: transform .2s ease, box-shadow .2s ease;
}

.blog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px #20213a12;
}

.blog-card-image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--pale);
}

.blog-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.035);
}

.blog-card-image-fallback {
    display: grid;
    height: 100%;
    place-items: center;
    color: var(--action);
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.blog-card-content {
    display: flex;
    min-height: 255px;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
}

.blog-card-meta {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    color: var(--muted);
    font-size: 11px;
}

.blog-card-meta span {
    color: var(--action);
    font-weight: 700;
}

.blog-card h2 {
    margin-top: 14px;
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.35;
}

.blog-card h2 a:hover {
    color: var(--action);
    text-decoration: none;
}

.blog-card-content > p {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.blog-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 20px;
    color: var(--action);
    font-size: 12px;
    font-weight: 700;
}

.blog-card-link .icon {
    width: 16px;
    height: 16px;
    transition: transform .2s ease;
}

.blog-card-link:hover .icon {
    transform: translateX(3px);
}

.blogs-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 13px;
}

.blogs-pagination a {
    color: var(--action);
    font-weight: 650;
}

.blogs-pagination [aria-disabled="true"] {
    opacity: .45;
}

.blogs-api-message {
    padding: 54px 25px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--pale);
    text-align: center;
}

.blogs-api-message h2 {
    font-size: 25px;
}

.blogs-api-message p {
    margin-top: 10px;
    color: var(--muted);
}

.blogs-api-message a {
    color: var(--action);
    font-weight: 650;
}

@media (max-width: 900px) {
    .blogs-hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
        gap: 32px;
    }

    .blogs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .blogs-hero-layout {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        padding-block: 20px 42px;
    }

    .blogs-hero-copy .breadcrumbs {
        margin-bottom: 28px;
    }

    .blogs-hero-copy h1 {
        font-size: 43px;
    }

    .blogs-hero-copy > p:not(.blogs-eyebrow) {
        font-size: 14px;
    }

    .blogs-feature-link {
        min-height: 280px;
    }

    .blogs-hero-art {
        min-height: 290px;
    }

    .blogs-art-window {
        min-height: 260px;
    }

    .blogs-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .blog-card-content {
        min-height: 220px;
        padding: 18px;
    }

    .blog-card h2 {
        font-size: 19px;
    }

    .blogs-pagination {
        flex-wrap: wrap;
    }

    .blogs-pagination > span {
        order: -1;
        width: 100%;
        text-align: center;
    }
}

.blog-article-page {
    --article-measure: 720px;
}

.blog-article-hero {
    position: relative;
    overflow: hidden;
    padding-block: 24px 0;
    color: #f8f7ff;
    background:
        radial-gradient(ellipse at 85% 0%, #5550a233, transparent 35%),
        linear-gradient(135deg, #151725, #1d1e33 65%, #20233a);
}

.blog-article-hero::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, #ffffff08 50%, transparent);
    content: "";
    pointer-events: none;
}

.blog-article-hero-inner {
    position: relative;
    z-index: 1;
}

.blog-article-hero .breadcrumbs {
    margin-bottom: 42px;
    color: #c4c3d5;
}

.blog-article-hero .breadcrumbs > span[aria-current="page"] {
    max-width: 290px;
    overflow: hidden;
    color: #a9a8b8;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-article-heading {
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}

.blog-article-category {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding-inline: 11px;
    border: 1px solid #bdb5ff55;
    border-radius: 30px;
    color: #d1cbff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.blog-article-heading h1 {
    margin-top: 21px;
    color: #fff;
    font-size: clamp(34px, 3.8vw, 48px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: 1.08;
}

.blog-article-deck {
    max-width: 750px;
    margin: 20px auto 0;
    color: #c9c8d7;
    font-size: clamp(15px, 1.6vw, 18px);
    line-height: 1.75;
}

.blog-article-byline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    margin-top: 24px;
    color: #aaaabd;
    font-size: 12px;
}

.blog-article-byline > * + *::before {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 10px 2px 0;
    border-radius: 50%;
    background: #8e8ba5;
    content: "";
}

.blog-article-cover {
    position: relative;
    width: min(100%, 1040px);
    margin: 44px auto 0;
    overflow: hidden;
    aspect-ratio: 2.05 / 1;
    border: 1px solid #ffffff20;
    border-radius: 14px 14px 0 0;
    background: #282a42;
    box-shadow: 0 -8px 60px #11111d55;
}

.blog-article-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 720px) minmax(220px, 280px);
    justify-content: center;
    align-items: start;
    gap: clamp(36px, 6vw, 80px);
    padding-block: 62px 90px;
}

.blog-article-body {
    min-width: 0;
}

.blog-content-prose {
    color: #33394b;
    font-size: 17px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.blog-content-prose > * + * {
    margin-top: 1.35em;
}

.blog-content-prose h2,
.blog-content-prose h3,
.blog-content-prose h4 {
    margin-top: 1.8em;
    color: #252b3e;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.25;
    scroll-margin-top: 100px;
}

.blog-content-prose h2 { font-size: clamp(27px, 3vw, 36px); }
.blog-content-prose h3 { font-size: 25px; }
.blog-content-prose h4 { font-size: 20px; }

.blog-content-prose p,
.blog-content-prose li {
    color: #525b6e;
}

.blog-content-prose a {
    color: #5053d4;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-content-prose ul,
.blog-content-prose ol {
    padding-left: 1.35em;
}

.blog-content-prose li + li {
    margin-top: .45em;
}

.blog-content-prose blockquote {
    margin-inline: 0;
    padding: 8px 0 8px 22px;
    border-left: 3px solid #696cff;
    color: #343750;
    font-size: 20px;
    line-height: 1.65;
}

.blog-content-prose figure,
.blog-content-prose .wp-block-image,
.blog-content-prose .wp-block-video {
    margin: 2em 0;
}

.blog-content-prose img,
.blog-content-prose video,
.blog-content-prose iframe {
    max-width: 100%;
}

.blog-content-prose img {
    height: auto;
    border-radius: 10px;
}

.blog-content-prose figcaption {
    margin-top: 8px;
    color: #777f90;
    font-size: 12px;
    text-align: center;
}

.blog-content-prose table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 14px;
}

.blog-content-prose th,
.blog-content-prose td {
    padding: 11px 14px;
    border: 1px solid var(--line);
    text-align: left;
}

.blog-content-prose th {
    background: var(--pale);
    color: var(--ink);
}

.blog-content-prose pre {
    max-width: 100%;
    overflow: auto;
    padding: 18px;
    border-radius: 9px;
    background: #202338;
    color: #f4f4ff;
    font-size: 13px;
}

.blog-article-aside {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 17px;
}

.blog-aside-card {
    padding: 23px;
    border: 1px solid #e4e3ef;
    border-radius: 12px;
    background: linear-gradient(145deg, #f5f4ff, #f1f6f5);
}

.blog-aside-card .section-label {
    font-size: 9px;
}

.blog-aside-card h2 {
    font-size: 22px;
    font-weight: 600;
}

.blog-aside-card p {
    margin-top: 12px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
}

.blog-aside-card .button {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    margin-top: 20px;
    padding-inline: 13px;
    font-size: 11px;
}

.blog-aside-link {
    display: flex;
    min-height: 47px;
    align-items: center;
    justify-content: space-between;
    padding-inline: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--action);
    font-size: 12px;
    font-weight: 650;
}

.blog-aside-link .icon {
    width: 16px;
    height: 16px;
}

.blog-article-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 55px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
}

.blog-article-footer a {
    color: var(--action);
    font-weight: 700;
}

.blog-unavailable-message {
    margin-block: 70px;
}

.blog-unavailable-message h1 {
    font-size: clamp(30px, 4vw, 44px);
}

.blog-unavailable-message .button {
    margin-top: 22px;
}

.contact-social {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 5px 28px;
    margin-top: 42px;
    padding: 23px 25px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fbfbfe;
}

.contact-social h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.contact-social > p {
    color: var(--muted);
    font-size: 12px;
}

.contact-social-links {
    display: flex;
    grid-column: 2;
    grid-row: 1 / span 2;
    gap: 10px;
}

.contact-social-links a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #dedeea;
    border-radius: 7px;
    background: white;
    color: var(--ink);
    font-size: 12px;
    font-weight: 650;
    transition: border-color .18s, color .18s, background .18s;
}

.contact-social-links a:hover {
    border-color: #b8b5f0;
    background: #f5f4ff;
    color: var(--action);
    text-decoration: none;
}

.contact-social-links .icon {
    width: 15px;
    height: 15px;
}

.contact-social-links .icon:last-child {
    width: 13px;
    height: 13px;
    color: var(--muted);
}

.legal-page-hero {
    padding-block: 28px 56px;
    color: #f8f7ff;
    background:
        radial-gradient(ellipse at 85% 8%, #5550a233, transparent 38%),
        linear-gradient(130deg, #151725, #1d1e33 68%, #20233a);
}

.legal-page-hero .breadcrumbs {
    margin-bottom: 35px;
    color: #c4c3d5;
}

.legal-page-hero .section-label {
    margin-bottom: 14px;
    color: #c5bfff;
}

.legal-page-hero h1 {
    max-width: 900px;
    color: white;
    font-size: clamp(38px, 4.5vw, 56px);
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: 1.1;
}

.legal-document-wrap {
    padding-block: 56px 84px;
}

.legal-document-content {
    width: min(100%, 900px);
    margin-inline: auto;
    color: #525b6e;
    font-size: 15px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.legal-document-content > * + * {
    margin-top: 1.25em;
}

.legal-document-content h1,
.legal-document-content h2,
.legal-document-content h3,
.legal-document-content h4 {
    margin-top: 1.8em;
    color: #262c3e;
    font-weight: 650;
    letter-spacing: -.03em;
    line-height: 1.25;
    scroll-margin-top: 100px;
}

.legal-document-content h1 { font-size: 34px; }
.legal-document-content h2 { font-size: 27px; }
.legal-document-content h3 { font-size: 21px; }
.legal-document-content h4 { font-size: 18px; }

.legal-document-content p,
.legal-document-content li {
    color: #596174;
}

.legal-document-content a {
    color: var(--action);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-document-content ul,
.legal-document-content ol {
    padding-left: 1.4em;
}

.legal-document-content li + li {
    margin-top: .45em;
}

.legal-document-content blockquote {
    margin-inline: 0;
    padding: 5px 0 5px 20px;
    border-left: 3px solid var(--purple);
}

.legal-document-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.legal-document-content th,
.legal-document-content td {
    padding: 10px 12px;
    border: 1px solid var(--line);
    text-align: left;
}

.legal-document-content th {
    background: var(--pale);
    color: var(--ink);
}

.legal-document-content img,
.legal-document-content iframe {
    max-width: 100%;
}

@media (max-width: 620px) {
    .contact-social {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 20px;
    }

    .contact-social-links {
        grid-column: 1;
        grid-row: auto;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .legal-page-hero {
        padding-block: 18px 40px;
    }

    .legal-page-hero .breadcrumbs {
        margin-bottom: 27px;
    }

    .legal-document-wrap {
        padding-block: 38px 60px;
    }

    .legal-document-content {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .blog-article-layout {
        grid-template-columns: minmax(0, 720px);
    }

    .blog-article-aside {
        position: static;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
}

@media (max-width: 600px) {
    .blog-article-hero {
        padding-top: 16px;
    }

    .blog-article-hero .breadcrumbs {
        margin-bottom: 32px;
    }

    .blog-article-heading h1 {
        font-size: 34px;
    }

    .blog-article-deck {
        font-size: 15px;
    }

    .blog-article-cover {
        width: calc(100% + 32px);
        margin-top: 34px;
        margin-inline: -16px;
        aspect-ratio: 1.35 / 1;
        border-radius: 10px 10px 0 0;
    }

    .blog-article-layout {
        gap: 34px;
        padding-block: 38px 60px;
    }

    .blog-content-prose {
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-content-prose h3 { font-size: 22px; }

    .blog-article-aside {
        grid-template-columns: 1fr;
    }
}