/* Shared template language: dark rounded heroes, warm surfaces and yellow accents. */
:root{--site-ink:#1a1a1c;--site-muted:#6e706b;--site-paper:#f8f8f3;--site-cream:#f9f7e2;--site-yellow:#fffe54;--site-font:'Inter Tight Variable Regular','Inter Tight',Inter,Arial,sans-serif}
body{color:var(--site-ink);font-family:var(--site-font)}
.skip-link{position:fixed;top:-100px;left:24px;z-index:250;padding:12px 20px;background:var(--site-yellow);color:var(--site-ink);border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:102;left:50%;transform:translateX(-50%);top:30px;display:flex;align-items:center;gap:32px;width:calc(100% - 104px);max-width:1290px;padding:14px 20px;color:white;transition:background .25s,color .25s}
.site-logo{display:inline-flex;flex:none;align-items:center}.site-logo img{display:block;width:166px;height:auto}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.desktop-nav a{color:inherit;text-decoration:none;font-size:16px;line-height:1.5;transition:opacity .2s}.desktop-nav a:hover{opacity:.65}.desktop-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#ffffff70}
.site-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;border:0;border-radius:100px;color:var(--site-ink);background:var(--site-yellow);font:500 16px/1.4 var(--site-font);letter-spacing:-.02em;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0;text-align:center}
.site-button:hover{background:#f4f440;transform:translateY(-2px)}.site-button>span{font-size:23px;line-height:1}.site-button.secondary{background:white;box-shadow:inset 0 0 0 1px #d9d9d2}.site-button.secondary:hover{background:var(--site-paper)}
.site-header.local-light-header{color:var(--site-ink)}.local-light-header .desktop-nav a[aria-current=page]{text-decoration-color:#1a1a1c70}
.menu-toggle{display:none;border:0;background:transparent;width:40px;height:40px;padding:8px;color:inherit}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:6px 0}.site-header.local-light-header .menu-toggle{filter:none}
.local-menu{border-radius:24px;font-family:var(--site-font)}.local-menu a{font-family:var(--site-font);font-size:28px}.menu-open .site-header{background:transparent!important;box-shadow:none!important}.menu-open .site-header .menu-toggle>*{visibility:hidden}.local-menu a[aria-current=page]{background:#eaeae5}
.inner-page #main{display:block}.page-hero{background:var(--site-ink);color:white;border-radius:48px;margin:20px 20px 0;padding:158px 32px 80px;min-height:476px;display:grid;place-items:center;text-align:center}
.page-hero-content{max-width:900px}.eyebrow{display:inline-flex;align-items:center;background:var(--site-cream);color:var(--site-ink);padding:9px 17px;border-radius:100px;font-size:14px;line-height:1.3;letter-spacing:-.01em}.page-hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.07;letter-spacing:-.055em;font-weight:450;margin:26px auto 22px;max-width:850px;text-wrap:balance}.page-hero p{font-size:19px;line-height:1.55;letter-spacing:-.015em;max-width:660px;margin:0 auto;color:#c3c4be;text-wrap:pretty}
.page-section{width:calc(100% - 104px);max-width:1290px;margin:120px auto}.section-heading{max-width:740px;margin:0 auto 54px;text-align:center}.section-label{display:block;font-size:14px;line-height:1.5;letter-spacing:.01em;color:var(--site-muted);margin-bottom:18px}.page-section h2,.page-cta h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:450;margin:0 0 24px;text-wrap:balance}.page-section p,.page-cta p{font-size:18px;line-height:1.6;letter-spacing:-.015em;color:var(--site-muted);margin:0 0 20px}.page-section h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:450;margin:0 0 16px;text-wrap:pretty}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.editorial-photo{background:var(--site-cream);border-radius:32px;overflow:hidden;aspect-ratio:1/1.08}.editorial-photo img{width:100%;height:100%;object-fit:cover}.story-copy p:last-child{margin:0}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle-grid article,.capability-grid article{background:var(--site-paper);padding:36px;border-radius:28px}.principle-grid article:nth-child(2),.capability-grid article:nth-child(3){background:var(--site-cream)}.card-number{display:block;color:var(--site-muted);font-size:14px;margin-bottom:64px}.principle-grid p,.capability-grid p{font-size:17px;margin-bottom:0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability-grid .card-number{margin-bottom:44px}.workflow-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.workflow-section .section-heading{text-align:left;margin:0}.workflow-list{list-style:none;padding:0;margin:0}.workflow-list li{display:flex;gap:32px;padding:30px 0;border-top:1px solid #e1e1da}.workflow-list li:last-child{border-bottom:1px solid #e1e1da}.workflow-list li>span{color:var(--site-muted);font-size:14px;padding-top:6px}.workflow-list p{font-size:17px;margin:0}.workflow-list h3{margin-bottom:10px}
.connection-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.connection-section .section-heading{text-align:left;margin:0}.connection-list{border-radius:28px;background:var(--site-cream);padding:12px 32px}.connection-list>div{padding:26px 0;border-bottom:1px solid #1a1a1c14;display:flex;flex-direction:column;gap:10px}.connection-list>div:last-child{border:0}.connection-list span{font-size:14px;color:var(--site-muted)}.connection-list strong{font-size:22px;font-weight:450;letter-spacing:-.025em}
.faq-native{max-width:860px}.faq-native details{border-bottom:1px solid #e1e1da;padding:24px 0}.faq-native summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:23px;letter-spacing:-.03em;line-height:1.3}.faq-native summary::-webkit-details-marker{display:none}.faq-native summary::after{content:'+';font-size:24px;flex:none}.faq-native details[open] summary::after{content:'−'}.faq-native details p{margin:20px 42px 0 0;font-size:17px}
.page-cta{display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--site-cream);border-radius:40px;padding:64px 72px;width:calc(100% - 104px);max-width:1290px;margin:120px auto}.page-cta>div{max-width:650px}.page-cta p{margin:0}.page-cta h2{margin-bottom:18px}
.site-footer{margin:20px;padding:64px max(36px,calc((100% - 1290px)/2 - 20px)) 30px;border-radius:40px;background:var(--site-ink);color:white}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:60px}.footer-top p{font-size:22px;letter-spacing:-.025em;color:#c3c4be;margin:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #ffffff20;padding-top:26px;font-size:14px}.footer-bottom p{color:#aaa;flex:none;margin:0}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:24px}.footer-bottom a{color:#c3c4be;text-decoration:none;padding:4px 0}.footer-bottom a:hover{color:white}
.featured-guide{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;text-decoration:none;color:inherit}.guide-photo{border-radius:32px;overflow:hidden;aspect-ratio:1.25;background:var(--site-cream)}.guide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .5s}.featured-guide:hover img,.guide-card:hover img{transform:scale(1.025)}.text-link{color:var(--site-ink);display:inline-flex;align-items:center;gap:18px;font-size:16px;margin-top:12px}.guide-section .section-heading{text-align:left;margin-left:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-card{color:inherit;text-decoration:none;display:block;overflow:hidden;border-radius:28px;background:var(--site-paper)}.guide-card>img{width:100%;height:280px;object-fit:cover;object-position:center 35%;transition:transform .5s}.guide-card>div{padding:32px}.guide-card h3{font-size:30px}.guide-card p{font-size:17px}
.article-layout{width:calc(100% - 104px);max-width:1100px;margin:80px auto 120px;display:grid;grid-template-columns:200px 1fr;gap:60px}.article-back a{color:var(--site-muted);text-decoration:none;font-size:15px;display:inline-block;padding:8px 0}.article-back a:hover{color:var(--site-ink)}.guide-body{max-width:740px}.guide-body p{font-size:18px;line-height:1.75;color:#55574f;margin:0 0 24px}.guide-body ul{padding-left:1.3em;margin:0 0 28px;color:#55574f;font-size:18px;line-height:1.7}.guide-body li{padding-left:6px;margin:12px 0}.guide-body strong{font-weight:600;color:var(--site-ink)}.guide-body h2{scroll-margin-top:120px}.guide-body .article-intro{font-size:23px;line-height:1.55;letter-spacing:-.025em;color:var(--site-ink);margin-bottom:44px}.guide-body h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-weight:450;margin:44px 0 18px}.article-note{background:var(--site-cream);padding:28px 32px;border-radius:20px;line-height:1.65;font-size:18px;margin:36px 0}.article-next{border-top:1px solid #deded7;padding-top:30px;margin-top:60px}.article-next a{font-size:25px;line-height:1.3;color:var(--site-ink);text-decoration:none;letter-spacing:-.025em}
.pricing-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.pricing-intro>div>p{max-width:460px;margin-bottom:30px}.planning-list article{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #e1e1da}.planning-list article:first-child{padding-top:0}.planning-list article>span{font-size:14px;color:var(--site-muted);padding-top:6px}.planning-list p{font-size:17px;margin:0}.planning-list h3{margin-bottom:12px}.quiet-panel{background:var(--site-paper);border-radius:32px;padding:60px;text-align:center}.quiet-panel h2{font-size:36px}.quiet-panel p{max-width:600px;margin:0 auto 28px}
.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px}.demo-agenda{list-style:none;margin:40px 0 0;padding:0}.demo-agenda li{display:flex;gap:24px;margin-bottom:28px}.demo-agenda li>span{color:var(--site-muted);font-size:14px;padding-top:5px}.demo-agenda h3{font-size:22px;margin-bottom:8px}.demo-agenda p{font-size:17px;margin:0}.booking-preview{background:var(--site-paper);border-radius:32px;padding:44px;align-self:start}.booking-preview .eyebrow{background:#eaeae1;margin-bottom:40px}.booking-preview p{font-size:17px;margin-bottom:28px}.booking-preview .site-button{width:100%}.booking-alternative{margin-top:40px;padding-top:28px;border-top:1px solid #deded7;display:flex;flex-direction:column;gap:14px;font-size:15px}.booking-alternative span{color:var(--site-muted)}.booking-alternative a{color:var(--site-ink);text-decoration:none}.not-found-actions{display:flex;justify-content:center;gap:20px;margin:64px 24px 120px}
.home-usecases .usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usecase-grid article{background:var(--site-paper);border-radius:28px;padding:36px}.usecase-grid article:nth-child(2),.usecase-grid article:nth-child(3){background:var(--site-cream)}.usecase-grid h3{font-size:30px}.usecase-grid p{margin:0;font-size:17px}.home-pricing{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--site-cream);padding:64px;border-radius:36px}.home-pricing>div{max-width:740px}.home-pricing p{margin:0}
@media(min-width:1700px){.page-hero{padding-top:180px;padding-bottom:100px;min-height:550px}}
@media(max-width:1100px){.site-header{gap:22px;width:calc(100% - 64px)}.desktop-nav{gap:20px}.site-logo img{width:146px}.site-button{gap:16px}.page-section,.page-cta{width:calc(100% - 80px)}.story-grid{gap:48px}.principle-grid article,.capability-grid article{padding:28px}.capability-grid h3{font-size:23px}.contact-grid,.pricing-intro{gap:48px}.featured-guide{gap:44px}.page-cta{padding:48px}.home-pricing{padding:44px}.connection-section{gap:44px}.article-layout{grid-template-columns:150px 1fr;gap:36px}}
@media(max-width:1000px){.desktop-nav{display:none}.site-header{gap:20px;top:24px;padding:12px 16px}.nav-demo{margin-left:auto;min-height:44px;padding:10px 18px;font-size:14px}.menu-toggle{display:block;flex:none}.page-hero{min-height:430px;padding-top:140px;padding-bottom:64px}.page-hero h1{font-size:48px}.capability-grid{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:1fr}.principle-grid article{display:grid;grid-template-columns:44px 1fr;column-gap:20px}.principle-grid .card-number{grid-row:1/3;margin:5px 0}.principle-grid h3{margin-bottom:12px}.principle-grid p{grid-column:2}.workflow-section{gap:48px}.connection-section{grid-template-columns:1fr}.connection-section .section-heading{max-width:650px}.contact-grid{gap:40px}.booking-preview{padding:32px}.article-layout{display:block;max-width:740px}.article-back{margin-bottom:36px}.site-footer{padding:44px 36px 28px}.footer-top{padding-bottom:40px}}
@media(max-width:700px){.site-header{width:calc(100% - 40px);top:18px;padding:10px;gap:12px}.site-logo img{width:126px}.nav-demo{gap:8px;font-size:13px;padding:9px 14px;min-height:40px}.nav-demo>span{font-size:19px}.menu-toggle{width:32px;padding:4px}.page-hero{margin:10px 10px 0;border-radius:28px;padding:128px 24px 56px;min-height:390px}.page-hero h1{font-size:39px;letter-spacing:-.05em;margin:24px auto 20px}.page-hero p{font-size:17px;line-height:1.55}.page-hero h1 br{display:none}.eyebrow{font-size:13px;padding:8px 14px}.page-section{width:calc(100% - 40px);margin:72px auto}.section-heading{margin-bottom:32px}.section-label{font-size:13px;margin-bottom:14px}.page-section h2,.page-cta h2{font-size:34px}.page-section p{font-size:17px}.story-grid,.workflow-section,.pricing-intro,.contact-grid,.featured-guide{grid-template-columns:1fr;gap:36px}.editorial-photo{aspect-ratio:1.2}.story-copy h2 br{display:none}.principle-grid article{padding:26px;grid-template-columns:30px 1fr;gap:0 12px;border-radius:24px}.principle-grid h3{font-size:23px}.principle-grid p{font-size:16px}.capability-grid{grid-template-columns:1fr;gap:14px}.capability-grid article{padding:28px;border-radius:24px}.capability-grid .card-number{margin-bottom:32px}.capability-grid h3{font-size:26px}.workflow-list li{padding:24px 0;gap:24px}.workflow-list h3{font-size:23px}.connection-list{padding:6px 26px;border-radius:24px}.connection-list strong{font-size:20px}.faq-native summary{font-size:21px}.faq-native details p{margin-right:0}.page-cta{width:calc(100% - 40px);margin:72px auto;padding:36px 28px;display:block;border-radius:28px}.page-cta .site-button{margin-top:28px}.site-footer{margin:10px;border-radius:28px;padding:36px 26px 24px}.footer-top{display:block;padding-bottom:32px}.footer-top .site-logo img{width:150px}.footer-top p{font-size:19px;margin-top:24px}.footer-bottom{align-items:flex-start;flex-direction:column-reverse;gap:26px}.footer-bottom nav{gap:12px 22px}.footer-bottom a{min-height:32px;display:inline-flex;align-items:center}.guide-photo{aspect-ratio:1.3;border-radius:24px}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-card>img{height:260px}.guide-card>div{padding:28px}.guide-card h3{font-size:28px}.article-layout{width:calc(100% - 48px);margin:36px auto 72px}.guide-body p{font-size:17px}.guide-body .article-intro{font-size:21px}.guide-body h2{font-size:27px}.article-note{padding:24px;font-size:17px}.quiet-panel{padding:36px 26px}.quiet-panel h2{font-size:30px}.booking-preview{padding:32px 28px;border-radius:26px}.booking-preview .eyebrow{margin-bottom:30px}.home-usecases .usecase-grid{grid-template-columns:1fr;gap:14px}.usecase-grid article{padding:28px;border-radius:24px}.usecase-grid h3{font-size:27px}.home-pricing{display:block;padding:36px 28px;border-radius:28px}.home-pricing .site-button{margin-top:28px}.not-found-actions{flex-direction:column;align-items:center;margin:44px 20px 72px}}
@media(max-width:360px){.site-logo img{width:110px}.nav-demo{font-size:12px;padding:9px 11px;gap:4px}.site-header{gap:8px}.page-hero h1{font-size:34px}}
/* The original logo strip is gone; keep air below the homepage actions. */
.home-page [data-section=hero] .framer-cz7io3{padding-bottom:32px}
.local-toast{width:max-content;max-width:calc(100vw - 32px)}
/* Restore the template's generous hero proportions after removing its logo strip. */
.home-page .framer-eATI6 .framer-zf38px{min-height:760px;padding:220px 40px 136px}
.home-page .framer-eATI6 .framer-cz7io3{padding-bottom:0}
.home-page .framer-eATI6 .framer-1emdm{max-width:1000px;gap:48px}
.home-page .framer-eATI6 .framer-hankiv{gap:30px}
.home-page [data-framer-name="Hero Heading"] h1{font-size:clamp(48px,4.1vw,72px)!important;line-height:1.12!important}
.home-page [data-section=hero] .hero-actions{gap:32px}
.home-page .framer-eATI6 .comparison-wordmark{width:190px;max-width:80%}
.home-page .framer-eATI6 .framer-1sf67ji{height:140px}
.home-page .framer-eATI6 .comparison-duplicate-name{display:none}
/* Original four-card pricing section, reused on the dedicated page. */
.pricing-page-reference{margin:80px 20px 0}
.pricing-page-reference .framer-17pok4g{width:100%;border-radius:48px}
[data-section=pricing]{scroll-margin-top:110px}
.pricing-intro-copy,.pricing-preview-note{font:400 18px/1.5 var(--site-font);color:var(--site-muted);text-align:center;max-width:680px;margin:0 auto}
.pricing-preview-note{font-size:13px;margin-top:18px;max-width:600px}
[data-plan-price]{font-size:44px!important;gap:3px}
[data-price-part=currency],[data-price-part=period]{font-size:18px}
[data-section=pricing] [role=radio][aria-checked=true]>span{color:white!important}
[data-section=pricing] [role=radio][aria-checked=false]>span{color:var(--site-muted)!important}
@media(min-width:1700px){.home-page .framer-eATI6 .framer-zf38px{min-height:850px;padding-top:240px;padding-bottom:160px}}
@media(max-width:1000px){.home-page .framer-eATI6 .framer-zf38px{min-height:700px;padding:190px 36px 112px}.home-page [data-framer-name="Hero Heading"] h1{font-size:52px!important}.pricing-page-reference{margin:60px 20px 0}}
@media(max-width:700px){.home-page .framer-eATI6 .framer-zf38px{min-height:660px;padding:156px 24px 84px}.home-page .framer-eATI6 .framer-1emdm{gap:36px}.home-page .framer-eATI6 .framer-hankiv{gap:24px}.home-page [data-framer-name="Hero Heading"] h1{font-size:38px!important;line-height:1.13!important}.home-page [data-section=hero] .hero-actions{gap:8px}.pricing-page-reference{margin:48px 10px 0}.pricing-page-reference .framer-17pok4g{border-radius:28px}.pricing-preview-note{padding:0 8px}}
.home-page [data-section=hero] .framer-hankiv p{font-size:20px!important;line-height:1.6!important}
@media(max-width:700px){.home-page [data-section=hero] .framer-hankiv p{font-size:18px!important;line-height:1.55!important}}
.home-page [data-section=comparison] .framer-1sf67ji{background:#090909}
.home-page [data-section=comparison] .framer-1izwk5x-container{opacity:.65}
/* Product illustrations occupy the original media slots, without cropping their content. */
/* Product-specific art: the original transparent glass / lemon visual language.
   Decorative components, not interactive controls or dashboard screenshots. */
.feature-art{position:relative;z-index:2;width:100%;max-width:240px;height:240px;flex:none;color:#fff;font:400 12px/1.4 Arial,sans-serif;isolation:isolate}
.feature-art svg{width:20px;height:20px;flex:none;display:block}
.feature-art .art-lines{display:flex;flex-direction:column;gap:9px;width:100%}
.feature-art .art-lines i{display:block;height:4px;border-radius:8px;background:currentColor;opacity:.22;width:100%}
.feature-art .art-lines i:nth-child(2){width:76%}.feature-art .art-lines i:nth-child(3){width:88%}
.art-badge{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:13px;align-items:center;white-space:nowrap;padding:11px 15px;border-radius:30px;background:#fffe54;color:#101010;box-shadow:0 6px 22px #0002;font-size:12px}
.art-badge svg{width:16px;height:16px}
.art-slip,.art-paper,.art-chat,.art-inbox-row,.art-topic{position:absolute;border:1px solid #ffffff40;box-shadow:0 12px 24px #0001;background:linear-gradient(135deg,#ffffff38,#ffffff12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;box-sizing:border-box}
.art-slip{display:flex;align-items:center;gap:12px;width:94%;padding:17px 15px;min-height:61px;letter-spacing:-.1px}
.art-slip-back{left:0;top:24px;transform:rotate(-7deg);opacity:.55}
.art-slip-mid{right:0;top:66px;transform:rotate(5deg);opacity:.75}
.art-slip-front{left:3%;top:110px;background:linear-gradient(135deg,#ffffff85,#ffffff35);border-color:#ffffff8a}
.art-route{position:absolute;width:1px;height:28px;background:linear-gradient(#ffffff80,#fffe54);left:50%;top:170px}
.art-triage .art-badge{bottom:0}
.art-paper{width:64%;height:169px;top:28px;left:18%;padding:20px 15px}
.art-paper-back{transform:translate(14px,-9px) rotate(14deg);opacity:.5}
.art-paper-front{transform:rotate(-5deg);color:#292929;background:linear-gradient(135deg,#fff,#ffffffe6);border-color:#fff}
.art-paper-label{display:block;font-size:12px;letter-spacing:-.15px;line-height:1.5;margin-bottom:18px}
.art-source{display:block;font-size:9px;margin-top:17px;opacity:.6}
.art-answer{position:absolute;z-index:5;bottom:19px;left:3%;width:94%;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:13px 12px;background:#fffe54;border-radius:28px;color:#111;font-size:11px;box-shadow:0 5px 20px #0002}
.art-answer svg{width:17px;height:17px}
.art-order{color:#262626;background:linear-gradient(135deg,#fff,#ffffffe6);transform:rotate(-5deg);border-color:#fff}
.art-item{display:flex;gap:11px;align-items:center;margin:20px 0}
.art-item>svg{width:32px;height:32px;color:#888}
.art-item .art-lines{gap:8px}
.art-action .art-badge{left:65%;bottom:34px}
.art-chat{width:88%;padding:19px 16px}
.art-chat-back{top:24px;left:0;height:91px;transform:rotate(-8deg);opacity:.5;display:flex;gap:12px;align-items:center}
.art-chat-front{top:87px;right:0;height:121px;background:linear-gradient(135deg,#ffffff8a,#ffffff24);transform:rotate(4deg)}
.art-chat-front .art-paper-label{margin-bottom:12px}.art-chat-front .art-lines{gap:7px}.art-chat-front .art-source{margin-top:12px}
.art-handoff .art-badge{bottom:2px}
.art-inbox-row{width:87%;height:66px;padding:19px 17px;display:flex;gap:16px;align-items:center}
.art-inbox-back{top:25px;left:2%;opacity:.4;transform:rotate(-8deg)}
.art-inbox-middle{top:82px;left:10%;opacity:.65;transform:rotate(5deg)}
.art-inbox-front{top:139px;left:2%;background:linear-gradient(135deg,#ffffff80,#ffffff26);transform:rotate(-3deg)}
.art-inbox-row svg{width:24px;height:24px}.art-inbox .art-badge{bottom:0}
.art-topic{width:94%;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}
.art-topic-back{top:31px;left:0;opacity:.55;transform:rotate(-6deg)}
.art-topic-front{top:92px;left:5%;background:linear-gradient(135deg,#ffffff80,#ffffff25)}
.art-topic-last{top:153px;left:0;opacity:.65;transform:rotate(5deg)}
.art-topic-dots{display:flex;gap:4px}.art-topic-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#fff9}.art-topic-front .art-topic-dots i{background:#fffe54}
.art-insights .art-badge{bottom:-4px}
@media(prefers-reduced-motion:no-preference){.feature-art>div{transition:translate .6s cubic-bezier(.22,1,.36,1)}article:hover .feature-art>div:nth-child(2){translate:0 -3px}article:hover .feature-art>div:first-child{translate:0 -2px}}

@media(max-width:700px){.guide-body ul{font-size:17px}}

/* Keep navigation usable at narrow widths without shrinking touch targets. */
@media(max-width:1000px){.menu-toggle{width:44px;height:44px;padding:10px}.nav-demo{min-height:44px}}
@media(max-width:360px){.nav-demo{display:none}.menu-toggle{margin-left:auto}}

/* Text scrolling behind the dark hero navigation must not obscure its links. */
.site-header.local-scrolled-header:not(.local-light-header){background:rgba(26,26,28,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}

/* Product storytelling: distinct illustrations in the homepage visual language,
   with open text columns rather than another grid of enclosed cards. */
.product-features{max-width:1200px}
.product-features>.section-heading{margin-bottom:72px}
.product-feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:88px;margin-top:80px}
.product-feature-row:first-of-type{margin-top:0}
.product-feature-reverse .product-illustration{order:2}
.product-feature-reverse .product-feature-text{order:1}
.product-illustration{position:relative;display:grid;place-items:center;aspect-ratio:1.12;min-width:0;overflow:hidden;isolation:isolate;border-radius:32px;background:#090909;container-type:inline-size}
.product-illustration video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}
.product-feature-text{padding:20px 0;min-width:0}
.product-feature-text>.section-label{margin-bottom:28px}
.product-feature-copy+ .product-feature-copy{margin-top:32px}
.product-feature-copy h3{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin-bottom:14px}
.product-feature-copy p{font-size:18px;line-height:1.6;margin:0;max-width:480px}
@media(max-width:1100px){.product-feature-row{gap:48px}.product-feature-copy h3{font-size:28px}.product-feature-copy p{font-size:17px}}
@media(max-width:700px){
 .product-features>.section-heading{margin-bottom:36px}
 .product-feature-row{grid-template-columns:1fr;gap:28px;margin-top:56px}
 .product-feature-reverse .product-illustration,.product-feature-reverse .product-feature-text{order:initial}
 .product-illustration{aspect-ratio:1.12;border-radius:26px}
 .product-feature-text{padding:0 4px}
 .product-feature-text>.section-label{margin-bottom:22px}
 .product-feature-copy h3{font-size:28px}
 .product-feature-copy+ .product-feature-copy{margin-top:26px}
}


/* Bespoke product scenes. Few objects, aligned geometry, deliberate motion. */
.product-illustration video{opacity:.65}
.product-art{position:absolute;inset:0;color:#f8f8f8;pointer-events:none;font:400 3cqw/1.45 var(--site-font);letter-spacing:-.015em}
.product-art svg{display:block;width:5cqw;height:5cqw;flex:none}
.product-art strong,.product-art b{font-weight:500}
.context-links{position:absolute;inset:0;width:100%!important;height:100%!important}
.context-inputs{position:absolute;left:9%;right:9%;top:17%;display:flex;justify-content:space-between;text-align:center}
.context-inputs>div{width:25%;display:flex;flex-direction:column;align-items:center;gap:2.5cqw;color:#c9cbd4;font-size:2.8cqw}
.source-tile{display:grid;place-items:center;width:13cqw;height:13cqw;border-radius:3.2cqw;background:linear-gradient(145deg,#ffffff18,#ffffff05);border:1px solid #ffffff28;box-shadow:inset 0 1px #ffffff14,0 12px 32px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.source-tile svg{width:6cqw;height:6cqw;color:#e1e3e9}
.context-engine{position:absolute;left:40%;top:52%;width:20%;aspect-ratio:1;display:grid;place-items:center;border-radius:5cqw;background:linear-gradient(140deg,#282b35,#0d111e);box-shadow:0 0 0 1px #ffffff30,inset 0 1px #ffffff30,0 0 55px #617ee133,0 15px 35px #0005}
.context-engine img{width:53%;height:53%;object-fit:contain}
.context-result{position:absolute;left:26%;width:48%;top:79%;padding:2.6cqw 3cqw;display:flex;align-items:center;justify-content:center;gap:2cqw;color:#1c1c1c;background:#fffe71;border-radius:50px;box-shadow:0 8px 25px #0002;font-size:3.1cqw}.context-result svg{width:4cqw;height:4cqw}
.proposal-underlay{position:absolute;left:24%;top:14%;width:57%;height:64%;border:1px solid #ffffff28;border-radius:3cqw;background:#ffffff0a;transform:rotate(6deg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.proposal-sheet{position:absolute;left:20%;top:9%;width:60%;padding:4.5cqw;background:linear-gradient(135deg,#fff,#efefec);color:#252529;border-radius:3cqw;box-shadow:0 24px 60px #0004}
.proposal-label{display:block;color:#767674;font-size:2.4cqw;margin-bottom:2.5cqw}
.proposal-package{display:grid;place-items:center;width:7.5cqw;height:7.5cqw;background:#e7e7e3;border-radius:2.2cqw;margin-bottom:2.5cqw}.proposal-package svg{width:5.5cqw;height:5.5cqw;color:#5c5e59}
.proposal-sheet strong{display:block;font-size:4.8cqw;line-height:1.14;letter-spacing:-.04em;margin-bottom:2.8cqw}
.proposal-fact{display:flex;align-items:center;gap:1.6cqw;font-size:2.7cqw;color:#62635e;margin:1.3cqw 0}.proposal-fact svg{width:3.2cqw;height:3.2cqw;color:#6c785b}
.proposal-rule{height:1px;background:#dcdcd5;margin:2.5cqw 0 2cqw}.proposal-cost{display:flex;justify-content:space-between;align-items:center;color:#797972;font-size:2.5cqw}.proposal-cost b{font-size:4.7cqw;color:#252529;letter-spacing:-.04em}
.proposal-permission{display:flex;align-items:center;gap:1.7cqw;margin:3.5cqw -4.5cqw -4.5cqw;padding:3cqw 4.5cqw;background:#e9e8df;border-top:1px solid #dcdcd2;border-radius:0 0 3cqw 3cqw;color:#777047;font-size:2.6cqw;line-height:1.4}.proposal-permission svg{width:3.2cqw;height:3.2cqw;color:#8b8050}
.conversation-spine{position:absolute;left:17.5%;top:25%;height:46%;width:1px;background:linear-gradient(#ffffff00,#ffffff30,#ffffff00)}
.conversation-line{position:absolute;left:13%;width:76%;display:flex;gap:3cqw;align-items:flex-start}.conversation-question{top:22%}.conversation-answer{top:44%}.conversation-line>div{flex:1;min-width:0;position:relative}
.conversation-avatar{display:grid;place-items:center;flex:none;width:9cqw;height:9cqw;border-radius:50%;background:#c5b4d2;color:#302435;font-size:3.4cqw;box-shadow:0 0 0 5px #13101670}.agent-avatar{background:#232027;box-shadow:0 0 0 1px #ffffff25,0 0 0 5px #13101670}.agent-avatar img{width:50%;height:50%;object-fit:contain}
.conversation-byline{display:block;font-size:2.4cqw;color:#bcb6c5;margin:0 0 1.8cqw}
.conversation-bubble{display:block;padding:3.5cqw 4cqw;border-radius:0 3cqw 3cqw 3cqw;background:linear-gradient(120deg,#ffffff20,#ffffff0a);border:1px solid #ffffff30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:3.5cqw;line-height:1.4;letter-spacing:-.02em;box-shadow:0 10px 30px #0002}
.conversation-answer .conversation-bubble{color:#29252e;background:linear-gradient(120deg,#fff,#f2eef5);border:0}
.conversation-reference{display:flex;align-items:center;gap:1.5cqw;border-top:1px solid #29252e16;padding-top:2.5cqw;margin-top:3cqw;font-size:2.3cqw;color:#7c7482}.conversation-reference svg{width:3cqw;height:3cqw}.conversation-reference>span{margin-left:auto}
.conversation-typing{position:absolute;top:6cqw;left:4cqw;display:flex;gap:1cqw;opacity:0}.conversation-typing i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#e4dfeb}
.conversation-followup{position:absolute;left:25%;width:64%;top:82%;padding:2.8cqw 3.5cqw;display:flex;justify-content:space-between;align-items:center;background:#fffe71;color:#252529;font-size:3cqw;border-radius:50px;box-shadow:0 10px 30px #0002}.conversation-followup>span{font-size:4cqw}
.art-playback{position:absolute;right:12px;top:10px;z-index:4;display:flex;align-items:center;gap:7px;border:0;border-radius:50px;padding:9px 12px;min-height:36px;background:#0006;color:#fffd;font:400 11px/1.2 var(--site-font);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.art-playback:hover{background:#000b;color:white}.art-playback:focus-visible{outline:2px solid #fffe54;outline-offset:3px}.art-playback[hidden]{display:none}.art-playback svg{width:12px;height:12px}
@media(max-width:700px){.art-playback{min-height:44px;right:6px;top:2px;background:transparent}}
@media(prefers-reduced-motion:reduce){.art-playback{display:none}}

/* Integration gallery: brand marks lead; categories are optional navigation. */
.integration-showcase{padding:64px;background:var(--site-cream);border-radius:36px}
.integration-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:40px}
.integration-intro>div{max-width:630px}.integration-intro h2{font-size:42px;margin:0;text-wrap:balance}
.integration-intro>p{max-width:300px;margin:0;font-size:17px;line-height:1.6}
.integration-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.integration-filters[hidden]{display:none}
.integration-filters button{appearance:none;border:0;background:transparent;padding:11px 16px;border-radius:50px;min-height:44px;font:400 14px/1.3 var(--site-font);color:#64645a;cursor:pointer;transition:color .18s,background .18s}
.integration-filters button:hover{background:#eae8d4;color:#242421}
.integration-filters button[aria-pressed=true]{background:#252520;color:#fff}
.integration-filters button:focus-visible{outline:2px solid #55573b;outline-offset:3px}
.integration-filters button span{margin-left:8px;font-size:12px;opacity:.65}
.integration-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0;min-height:332px;align-content:start}
.integration-item{display:flex;align-items:center;gap:20px;padding:26px 24px;background:#fff;border-radius:18px;min-height:102px;min-width:0}
.integration-item[hidden]{display:none}
.integration-logo{display:grid;place-items:center;width:44px;height:44px;flex:none}
.integration-logo img{display:block;width:36px;height:36px;object-fit:contain}
.integration-logo-shopify img{width:34px;height:38px}.integration-logo-stripe img{width:42px}.integration-logo-shiprocket img{width:32px;height:32px}.integration-logo-goaffpro img{width:38px;height:38px}
.integration-item h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:0 0 6px;font-weight:500}
.integration-item p{font-size:13px;line-height:1.4;margin:0;color:#79796e;letter-spacing:0}
.integration-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid #dcdac6}
.integration-footnote>div{display:flex;align-items:center;gap:12px}.integration-footnote svg{width:22px;height:22px;flex:none;color:#757665}
.integration-footnote p{font-size:13px;line-height:1.5;margin:0;color:#77776c;letter-spacing:0}.integration-footnote strong{font-weight:500;color:#35352e}.integration-footnote>p{font-size:12px;text-align:right}
.integration-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.integration-showcase{padding:40px}.integration-intro{gap:32px;align-items:flex-start}.integration-intro h2{font-size:36px}.integration-intro>p{max-width:260px;font-size:16px}.integration-item{padding:22px 18px;gap:14px}.integration-item p{font-size:12px}}
@media(max-width:850px){.integration-intro{display:block}.integration-intro>p{max-width:520px;margin-top:20px}.integration-gallery{grid-template-columns:repeat(2,minmax(0,1fr));min-height:558px}.integration-footnote{align-items:flex-start;flex-direction:column;gap:10px}.integration-footnote>p{text-align:left;margin-left:34px}}
@media(max-width:700px){.integration-showcase{padding:32px 20px;border-radius:28px}.integration-intro{margin-bottom:28px}.integration-intro h2{font-size:32px}.integration-intro h2 br{display:none}.integration-intro>p{font-size:16px}.integration-filters{gap:4px;margin-bottom:20px}.integration-filters button{font-size:12px;padding:10px 12px}.integration-gallery{gap:10px;min-height:0}.integration-item{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 16px;min-height:148px;border-radius:15px}.integration-logo{height:36px;width:38px}.integration-logo img{max-height:36px;max-width:38px}.integration-item h3{font-size:16px}.integration-item p{font-size:12px}.integration-footnote{margin-top:24px;padding-top:24px}.integration-footnote>div{align-items:flex-start}.integration-footnote p{font-size:12px}.integration-footnote strong{display:block;margin-bottom:3px}}

/* Shared accessibility controls use the same quiet footer treatment. */
.motion-toggle{border:0;background:transparent;color:#c5c7bb;font:inherit;font-size:14px;min-height:44px;padding:8px 0;cursor:pointer;white-space:nowrap}
.motion-toggle:hover{color:white}.motion-toggle:disabled{cursor:default}.motion-toggle[hidden]{display:none}
.footer-bottom{flex-wrap:wrap}#main:focus{outline:none!important}
[id=integrations]{scroll-margin-top:120px}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
html[data-motion=off]::view-transition-group(*),html[data-motion=off]::view-transition-old(*),html[data-motion=off]::view-transition-new(*){animation:none!important}

/* Legal pages retain the existing article typography and generous reading width. */
.legal-layout .article-back{display:flex;flex-direction:column;gap:10px}
.legal-layout .article-back a{min-height:44px}
.legal-layout .guide-body>h2:first-child{margin-top:0}
.legal-layout .guide-body a{color:var(--site-ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-layout .guide-body .legal-updated{font-size:14px;color:var(--site-muted);margin-bottom:24px}
.legal-layout .article-note{margin-top:0;font-size:16px}
.legal-layout code{font-size:.9em;overflow-wrap:anywhere}
@media(max-width:700px){.legal-layout .article-back{flex-direction:row;flex-wrap:wrap;gap:4px 20px}.legal-hero{min-height:360px}.legal-layout .guide-body h2{scroll-margin-top:112px}}