/* Visual product galleries and the considered second-edition layout. */
:root{--paper:#faf8f4;--ink:#25212a;--violet:#7954aa;--lilac:#eee5f5;--line:#e3dcdF}
.home-hero{padding-block:72px 82px}.hero-art{border-radius:90px 3px 3px 3px;box-shadow:0 25px 70px #75607016}.hero-copy .eyebrow{color:#8c6b9f}.hero-copy h1{font-weight:500}.hero-copy .hero-proof{letter-spacing:.01em}.solution-list>a{transition:padding .22s,background .22s}.solution-list>a:hover{padding-inline:12px;background:#f0e9f4}.service-card{transition:background .2s,box-shadow .2s}.service-card:hover{box-shadow:inset 0 3px 0 #b290c8}.service-hero-image{border-radius:3px 3px 60px 3px;box-shadow:0 20px 60px #2113310d}.service-hero-image img{object-position:center}.feature-grid>article{position:relative}.feature-number{font-family:Georgia,serif;color:#9d81b4;font-size:16px}.workspace-main{background:linear-gradient(140deg,#fcfbfd,#f6f2fa)}.cta-section{background:linear-gradient(120deg,#74518e,#8058a8 65%,#9275a8)}.footer-bottom>div{flex-wrap:wrap;gap:18px}.caption-note{font-size:10px}
.visual-story{border-top:1px solid var(--line)}.media-figure{margin:0;min-width:0;border:1px solid #e3dce7;background:white;box-shadow:0 14px 45px #46325108;overflow:hidden;border-radius:10px}.media-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:#f5f2f7;overflow:hidden;cursor:zoom-in}.media-zoom>img{width:100%;height:auto;transition:transform .4s;display:block}.media-zoom:hover>img{transform:scale(1.018)}.zoom-hint{position:absolute;bottom:16px;right:16px;padding:8px 12px;background:#fffef6ed;backdrop-filter:blur(8px);border:1px solid #ffffffa3;box-shadow:0 3px 15px #2011290c;font-size:9px;display:flex;align-items:center;gap:20px;color:#3b2c4b;border-radius:3px;line-height:1.4}.zoom-hint>span{font-size:17px}.media-figure figcaption{padding:29px 31px}.media-figure figcaption>span{font-size:8px;font-weight:600;letter-spacing:.14em;color:#8b6c9e;display:block}.media-figure figcaption h3{font-size:27px;margin-top:12px;line-height:1.15}.media-figure figcaption p{font-size:13px;line-height:1.8;margin-top:15px;max-width:680px}.visual-note{font-size:10px;color:#9b8aab;margin-top:25px}.crm-overview .media-zoom{background:#f4f6fa;border-bottom:1px solid #e5dce9}.crm-overview figcaption{display:grid;grid-template-columns:.45fr 1fr 1fr;align-items:center;gap:30px}.crm-overview figcaption h3,.crm-overview figcaption p{margin-top:0}.crm-overview figcaption h3{font-size:26px}.crm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.portrait-capture{background:linear-gradient(130deg,#eee8f4,#f7f4f9);padding:28px 0}.portrait-capture>img{height:630px;max-width:calc(100% - 55px);width:auto;margin:auto;object-fit:contain;box-shadow:0 12px 40px #33243a12;border-radius:8px;transform:none!important}.visual-two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.visual-two-col .media-zoom{height:370px}.visual-two-col .media-zoom>img{width:100%;height:100%;object-fit:cover}.reference-media .media-zoom{padding:20px;background:#efe8f4}.reference-media .media-zoom>img{object-fit:contain;background:white;box-shadow:0 10px 35px #30203515}.image-credit{font-size:9px;line-height:1.7;display:block;color:#9885a5;margin-top:18px;text-decoration:underline}.image-credit>span{font-size:11px}.client-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:36px}.client-benefits>article{border-top:1px solid #d8cadf;padding-top:20px}.client-benefits>article>span{font-size:15px;color:var(--ink)}.client-benefits>article>p{font-size:12px;margin-top:8px}.marketing-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.marketing-lead-image{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch}.marketing-lead-image figcaption{align-self:center;padding:45px}.marketing-lead-image .media-zoom{height:420px}.marketing-gallery .media-zoom>img{height:100%;object-fit:cover}.marketing-gallery>.media-figure:not(.marketing-lead-image)>.media-zoom{height:330px}.marketing-lead-image figcaption h3{font-size:35px}.channel-row{display:flex;justify-content:space-between;gap:14px;padding:25px 27px;margin-top:30px;background:#eee7f2;border:1px solid #e3d9eb;font-size:11px;color:#6e527f;border-radius:5px;flex-wrap:wrap}.website-proof{background:white;border:1px solid #dfd6e6;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #3521380c}.capture-browser{height:43px;background:#ece8ef;border-bottom:1px solid #dfd6e6;display:flex;align-items:center;padding:0 20px;gap:22px;color:#8d7c9c}.capture-browser>span{display:flex;gap:5px}.capture-browser i{height:6px;width:6px;border-radius:50%;background:#c1b6ca}.capture-browser small{font-size:9px}.capture-browser b{font-size:7px;letter-spacing:.12em;margin-left:auto;font-weight:500}.site-capture{--preview-scale:.65;height:570px;position:relative;overflow:hidden;background:#f7f5f0}.site-capture>iframe{border:0;position:absolute;left:0;top:0;width:calc(100% / var(--preview-scale));height:calc(100% / var(--preview-scale));transform:scale(var(--preview-scale));transform-origin:top left;pointer-events:none;overflow:hidden}.capture-overlay{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;display:block;cursor:zoom-in}.capture-overlay>span{position:absolute;bottom:20px;right:20px;background:#fffdf6f0;padding:12px 18px;font-size:11px;display:flex;gap:23px;align-items:center;box-shadow:0 5px 25px #25112a12;border:1px solid #fff9;backdrop-filter:blur(8px)}.capture-overlay>span>span{font-size:20px}.website-proof-caption{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #e2d8e9}.website-proof-caption .eyebrow{font-size:8px;margin-bottom:12px}.website-proof-caption h3{font-size:29px}.website-proof-caption p{font-size:13px;margin-top:15px;max-width:590px}.website-proof-caption>.text-link{flex-shrink:0;font-size:11px}.wide-media{margin-top:35px;display:grid;grid-template-columns:1.15fr 1fr}.wide-media .media-zoom{height:400px}.wide-media .media-zoom>img{height:100%;object-fit:cover}.wide-media figcaption{align-self:center;padding:45px}.compact-capture{height:370px;border-radius:8px;overflow:hidden;border:1px solid #ded3e6;background:white}.compact-capture .site-capture{--preview-scale:.42;height:327px}.compact-capture .capture-browser{height:43px;font-size:8px}.compact-capture .capture-browser b{font-size:6px}.compact-capture .capture-overlay>span{font-size:8px;padding:9px 12px;bottom:14px;right:14px}.case-homepage{margin-bottom:55px;border:1px solid #e2d7e8;border-radius:10px;overflow:hidden;box-shadow:0 15px 55px #42274b0a}.hrms-story-layout{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:60px}.hrms-story-layout .media-zoom{height:390px}.hrms-story-layout .media-zoom>img{height:100%;object-fit:cover}.hrms-journeys>article{padding:25px 0;border-top:1px solid var(--line)}.hrms-journeys>article:last-child{border-bottom:1px solid var(--line)}.hrms-journeys b{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#ae90be}.hrms-journeys h3{font-size:23px;margin-top:14px}.hrms-journeys p{font-size:12px;margin-top:12px}.home-visual-showcase{padding-top:10px}.showcase-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.showcase-teasers>a{background:white;border:1px solid #e4dce8;border-radius:9px;overflow:hidden;position:relative;padding-bottom:32px;box-shadow:0 10px 35px #40224d05;transition:transform .3s,box-shadow .3s}.showcase-teasers>a:hover{transform:translateY(-4px);box-shadow:0 16px 40px #40224d12}.showcase-teasers>a>div{height:235px;overflow:hidden}.showcase-teasers img{width:100%;height:100%;object-fit:cover}.showcase-teasers>a>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin:25px 26px 0;display:block;color:#8d6ba1}.showcase-teasers h3{font-size:26px;margin:13px 26px 0;line-height:1.15;max-width:270px}.showcase-teasers p{font-size:12px;margin:16px 26px 0;max-width:270px}.showcase-teasers b{position:absolute;right:23px;bottom:23px;font-weight:400;color:#9277a4}.crm-home-strip{margin-top:30px;display:grid;grid-template-columns:1fr 2fr;overflow:hidden;background:#28212f;border:1px solid #ded3e6;border-radius:8px;color:white;align-items:center}.crm-home-strip>div{padding:34px}.crm-home-strip .eyebrow{color:#c2a4dd;font-size:8px}.crm-home-strip h3{font-size:34px;line-height:1.08}.crm-home-strip p{font-size:11px;color:#bbabc6;margin-block:18px}.crm-home-strip .text-link{font-size:10px}.crm-home-strip>img{width:100%;height:310px;object-fit:contain;padding:15px;background:#eeeaf2}.avni-portrait{background:none;padding:0;border:2px solid #d9c7e9;box-shadow:0 2px 12px #432f4824;flex-shrink:0}.avni-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:50%;display:block}.chat-launch .avni-portrait{width:53px;height:53px}.chat-header .avni-portrait{width:43px;height:43px}.contact-avni .avni-portrait{width:65px;height:65px}.chat-launch{padding:8px 21px 8px 9px;border-color:#d6c4e4;box-shadow:0 8px 35px #46305324}.chat-launch strong{font-size:15px}.chat-launch small{font-size:7px;color:#9d7cae}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.sitemap-grid h2{font-size:24px;letter-spacing:-.025em;margin-bottom:26px}.sitemap-grid>div>a{padding:15px 0;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:20px;align-items:center}.sitemap-grid>div>a>span{font-size:17px;color:#a485b6}.sitemap-grid>div>a:hover{color:var(--violet)}.media-dialog{width:min(1440px,calc(100vw - 60px));max-width:none;max-height:calc(100dvh - 50px);padding:0;border:1px solid #d5c8e0;border-radius:10px;background:#f6f2f9;box-shadow:0 20px 100px #21142f55;overflow:hidden}.media-dialog::backdrop{background:#191221b8;backdrop-filter:blur(8px)}.media-dialog-head{padding:16px 22px;display:flex;gap:30px;align-items:center;border-bottom:1px solid #d5c8e0;background:#fffcff}.media-dialog-head p{font-size:12px;color:#6f567f}.media-dialog-head button{margin-left:auto;background:none;border:none;font-size:30px;line-height:1;padding:0 4px;color:#8b689f}.media-dialog-body{padding:22px;max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;text-align:center}.media-dialog-body>img{max-width:100%;height:auto;margin:auto;max-height:none;border-radius:3px;background:white}.media-dialog-body>iframe{display:block;width:100%;height:calc(100dvh - 155px);min-height:420px;border:0;background:white}.media-dialog:has(#media-full-site:not([hidden])) .media-dialog-body{padding:0}.media-dialog:has(#media-full-site:not([hidden])){width:min(1500px,calc(100vw - 40px))}
@media(max-width:1100px){.site-capture{--preview-scale:.58;height:490px}.compact-capture{height:350px}.compact-capture .site-capture{--preview-scale:.36;height:307px}.showcase-teasers>a>div{height:205px}.showcase-teasers h3{font-size:23px}.crm-home-strip h3{font-size:29px}.crm-home-strip>img{height:285px}.crm-overview figcaption{grid-template-columns:.4fr 1fr 1fr;gap:20px}.crm-overview figcaption h3{font-size:23px}.portrait-capture>img{height:540px}.visual-two-col .media-zoom{height:320px}.marketing-lead-image figcaption{padding:30px}.marketing-lead-image figcaption h3{font-size:29px}.marketing-lead-image .media-zoom{height:350px}.marketing-gallery>.media-figure:not(.marketing-lead-image)>.media-zoom{height:285px}.hrms-story-layout{gap:35px}.wide-media figcaption{padding:30px}.wide-media .media-zoom{height:350px}}
@media(max-width:850px){.home-hero{padding-block:50px 60px}.showcase-teasers{gap:17px}.showcase-teasers>a>div{height:180px}.showcase-teasers h3{font-size:21px;margin-inline:20px}.showcase-teasers>a>span,.showcase-teasers p{margin-inline:20px}.showcase-teasers p{font-size:11px}.crm-home-strip>div{padding:25px}.crm-home-strip h3{font-size:26px}.crm-home-strip>img{height:260px}.crm-overview figcaption{display:block;padding:25px}.crm-overview figcaption h3{margin-top:12px;font-size:25px}.crm-overview figcaption p{margin-top:14px}.media-figure figcaption{padding:24px}.media-figure figcaption h3{font-size:24px}.crm-detail-grid{gap:20px}.portrait-capture>img{height:460px;max-width:calc(100% - 30px)}.visual-two-col{gap:20px}.visual-two-col .media-zoom{height:280px}.website-proof-caption{padding:28px;display:block}.website-proof-caption>.text-link{margin-top:22px}.website-proof-caption h3{font-size:26px}.site-capture{--preview-scale:.5;height:440px}.compact-capture{height:335px}.compact-capture .site-capture{--preview-scale:.3;height:292px}.marketing-gallery{gap:20px}.marketing-lead-image .media-zoom{height:340px}.marketing-lead-image figcaption{padding:25px}.marketing-lead-image figcaption h3{font-size:26px}.marketing-gallery>.media-figure:not(.marketing-lead-image)>.media-zoom{height:245px}.wide-media figcaption{padding:25px}.wide-media .media-zoom{height:310px}.hrms-story-layout{gap:25px}.hrms-story-layout .media-zoom{height:330px}.hrms-journeys h3{font-size:21px}.sitemap-grid{gap:30px}.sitemap-grid h2{font-size:22px}.sitemap-grid>div>a{font-size:11px}.channel-row{font-size:10px;padding:20px}}
@media(max-width:650px){.home-hero{padding-block:42px 44px}.hero-art{border-top-left-radius:65px}.service-hero-image{border-bottom-right-radius:45px}.home-visual-showcase{padding-top:4px}.showcase-teasers{grid-template-columns:1fr;gap:25px}.showcase-teasers>a>div{height:260px}.showcase-teasers h3{font-size:27px;margin-inline:26px;max-width:300px}.showcase-teasers>a>span,.showcase-teasers p{margin-inline:26px}.showcase-teasers p{font-size:13px;max-width:330px}.crm-home-strip{grid-template-columns:1fr}.crm-home-strip>div{padding:30px}.crm-home-strip h3{font-size:34px}.crm-home-strip>img{height:auto;padding:12px;object-fit:contain}.crm-detail-grid,.visual-two-col{grid-template-columns:1fr;gap:25px}.portrait-capture{padding-block:24px}.portrait-capture>img{height:570px;max-width:calc(100% - 30px);max-height:none}.media-figure figcaption{padding:24px}.media-figure figcaption h3{font-size:26px}.media-figure figcaption p{font-size:13px}.crm-overview .media-zoom{min-height:0}.crm-overview figcaption{padding:24px}.crm-overview figcaption h3{font-size:25px}.zoom-hint{bottom:12px;right:12px;font-size:8px;padding:7px 9px;gap:15px}.visual-two-col .media-zoom{height:300px}.reference-media .media-zoom{height:350px;padding:17px}.client-benefits{grid-template-columns:1fr;gap:25px;padding-top:30px}.client-benefits>article>span{font-size:18px}.client-benefits>article>p{font-size:13px}.visual-note{font-size:9px}.marketing-gallery{grid-template-columns:1fr;gap:25px}.marketing-lead-image{display:block}.marketing-lead-image .media-zoom{height:300px}.marketing-lead-image figcaption{padding:24px}.marketing-lead-image figcaption h3{font-size:28px}.marketing-gallery>.media-figure:not(.marketing-lead-image)>.media-zoom{height:280px}.channel-row{gap:14px 20px;padding:20px;font-size:10px;justify-content:start}.wide-media{display:block;margin-top:25px}.wide-media .media-zoom{height:280px}.wide-media figcaption{padding:25px}.capture-browser{height:36px;padding-inline:14px;gap:15px}.capture-browser small{font-size:8px}.capture-browser b{font-size:6px;letter-spacing:.06em}.site-capture{--preview-scale:.3;height:330px}.capture-overlay>span{font-size:9px;padding:10px 13px;bottom:14px;right:14px}.compact-capture{height:345px}.compact-capture .site-capture{--preview-scale:.3;height:309px}.compact-capture .capture-browser{height:36px}.website-proof-caption{padding:24px}.website-proof-caption h3{font-size:26px}.website-proof-caption p{font-size:13px}.case-homepage{margin-bottom:35px}.hrms-story-layout{grid-template-columns:1fr;gap:25px}.hrms-story-layout .media-zoom{height:300px}.hrms-journeys>article{padding:22px 0}.hrms-journeys h3{font-size:25px}.hrms-journeys p{font-size:13px}.sitemap-grid{grid-template-columns:1fr;gap:35px}.sitemap-grid h2{font-size:27px}.sitemap-grid>div>a{font-size:13px}.chat-launch .avni-portrait{width:46px;height:46px}.chat-launch{padding:7px 17px 7px 8px}.chat-launch strong{font-size:14px}.footer-bottom>div{gap:12px 18px}.media-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:8px}.media-dialog-head{padding:14px 15px;gap:20px}.media-dialog-head p{font-size:10px;max-width:280px}.media-dialog-body{padding:10px;max-height:calc(100dvh - 80px)}.media-dialog-body>iframe{height:calc(100dvh - 100px);min-height:300px}.media-dialog:has(#media-full-site:not([hidden])){width:calc(100vw - 18px)}}
@media(max-width:380px){.portrait-capture>img{height:500px;max-width:calc(100% - 24px)}.site-capture,.compact-capture .site-capture{--preview-scale:.26}.visual-two-col .media-zoom{height:265px}.reference-media .media-zoom{height:305px}}

.service-jump{position:sticky;top:85px;z-index:25;display:flex;align-items:center;gap:28px;overflow-x:auto;background:#faf8f4f5;backdrop-filter:blur(15px);padding-block:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}.service-jump>a{font-size:10px;color:#8c769a;white-space:nowrap}.service-jump>a:hover{color:var(--violet)}#service-overview,#service-features,#in-practice,#solution-preview,#service-approach,#service-questions{scroll-margin-top:135px}@media(max-width:850px){.service-jump{top:74px;gap:22px}}@media(max-width:650px){.service-jump{top:70px;gap:20px;padding-block:14px}.service-jump>a{font-size:9px}#service-overview,#service-features,#in-practice,#solution-preview,#service-approach,#service-questions{scroll-margin-top:120px}}