@font-face{font-family:"Zoho Puvi";src:url("/assets/marketing/fonts/zoho-puvi-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Zoho Puvi";src:url("/assets/marketing/fonts/zoho-puvi-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Zoho Puvi";src:url("/assets/marketing/fonts/zoho-puvi-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Zoho Puvi";src:url("/assets/marketing/fonts/zoho-puvi-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.marketing-page{--m-ink:#17251e;--m-muted:#69756f;--m-green:#19844c;--m-line:#e1e7e1;--m-paper:#f5f8f2;color:var(--m-ink);background:#fff;font-family:"Zoho Puvi",Arial,"PingFang SC",sans-serif;font-size:15px;line-height:1.65;min-height:100vh;color-scheme:light;overflow:clip}
.marketing-page *{box-sizing:border-box}.marketing-page a{color:inherit;text-decoration:none}.marketing-page h1,.marketing-page h2,.marketing-page h3,.marketing-page p{margin:0}.marketing-page svg{width:20px;height:20px;flex:0 0 auto}.marketing-page img{max-width:100%}.marketing-page :focus-visible{outline:3px solid #19844c;outline-offset:5px}.marketing-page [id]{scroll-margin-top:108px}.marketing-page .m-container{width:min(1260px,calc(100% - 88px));margin:0 auto}.marketing-page .m-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;flex:0 0 auto;padding:15px 23px;border:1px solid var(--m-green);border-radius:7px;background:var(--m-green);color:#fff;font-size:14px;line-height:1.5;font-weight:600;transition:background .16s,transform .16s}.marketing-page .m-button:hover{background:#116c3c;border-color:#116c3c;transform:translateY(-1px)}.marketing-page .m-button-small{padding:11px 17px;font-size:12px}.marketing-page .m-button-outline{background:transparent;color:var(--m-green)}.marketing-page .m-button-outline:hover{background:#e8f2e7}.marketing-page .m-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--m-ink);font-size:14px;font-weight:600}.marketing-page .m-text-link:hover{color:var(--m-green)}.marketing-page .m-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.marketing-page .m-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;letter-spacing:.14em;font-weight:600;color:var(--m-green)}.marketing-page .m-eyebrow>span{width:6px;height:6px;background:var(--m-green);border-radius:100%}.marketing-page .m-skip{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:#fff}.marketing-page .m-skip:focus{top:12px}
.marketing-page .m-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #e5eae2;background:#fffffff2;backdrop-filter:blur(12px)}.marketing-page .m-header-inner{height:87px;display:flex;gap:35px;align-items:center;justify-content:space-between}.marketing-page .m-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;line-height:1.1}.marketing-page .m-brand>span{display:grid;gap:3px}.marketing-page .m-brand small{font-size:10px;font-weight:600;letter-spacing:.01em}.marketing-page .m-brand strong{font-size:23px;letter-spacing:-.055em;font-weight:700}.marketing-page .m-desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto;margin-right:auto}.marketing-page .m-desktop-nav a,.marketing-page .m-signin{font-size:13px;font-weight:500}.marketing-page .m-desktop-nav a:hover,.marketing-page .m-signin:hover{color:var(--m-green)}.marketing-page .m-header-actions{display:flex;align-items:center;gap:24px}.marketing-page .m-mobile-menu{display:none}
.marketing-page .m-hero{padding:76px 0 0;background:linear-gradient(155deg,#fafbf7 0%,#f5f8ef 70%,#eaf1e4 100%);overflow:hidden}.marketing-page .m-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:60px}.marketing-page .m-hero h1{font-size:clamp(48px,5.2vw,73px);line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:22px 0}.marketing-page .m-hero h1 em{color:var(--m-green);font-style:normal}.marketing-page .m-hero-description{color:var(--m-muted);font-size:16px;line-height:1.8;max-width:465px;margin:0 0 30px}.marketing-page .m-trial-note{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:#768273;margin-top:23px}.marketing-page .m-trial-note svg{width:15px;height:15px;color:var(--m-green)}.marketing-page .m-trial-note>span{margin:0 3px}.marketing-page .m-hero-bottom{display:grid;grid-template-columns:1fr 2.6fr;gap:30px;align-items:center;padding:42px 0 32px;margin-top:60px;border-top:1px solid #dce4d8}.marketing-page .m-hero-bottom>span{font-size:9px;letter-spacing:.12em;color:#7b8776}.marketing-page .m-hero-bottom>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.marketing-page .m-hero-bottom b{font-size:12px;font-weight:500;white-space:nowrap}.marketing-page .m-hero-bottom i{width:4px;height:4px;background:#92a18b;border-radius:50%}
.marketing-page .m-preview-stage{position:relative;min-width:0;padding:12px 0 18px}.marketing-page .m-browser{position:relative;border:1px solid #d3ddcf;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 22px 70px #34562a18;transform:rotate(-1deg)}.marketing-page .m-browser-bar{display:flex;align-items:center;gap:14px;background:#fdfefb;border-bottom:1px solid #e5e9e1;padding:12px 13px;font-size:8px;color:#8a9487}.marketing-page .m-browser-dots{display:flex;gap:4px}.marketing-page .m-browser-dots i{width:5px;height:5px;border:1px solid #c9d0c4;border-radius:100%}.marketing-page .m-preview-tag{margin-left:auto;font-size:7px}.marketing-page .m-preview-app{display:grid;grid-template-columns:93px minmax(0,1fr);min-height:397px}.marketing-page .m-preview-nav{display:flex;flex-direction:column;gap:15px;padding:20px 11px;border-right:1px solid #e7ece3;background:#f8faf5;font-size:8px;color:#8a9384}.marketing-page .m-preview-monogram{font-size:25px;line-height:1.1;color:var(--m-green);font-weight:700;letter-spacing:-.08em;padding-left:5px;margin-bottom:13px}.marketing-page .m-preview-nav b{background:#e6eee0;border-radius:4px;padding:7px;color:#456039;margin:-5px -4px;font-weight:500}.marketing-page .m-preview-nav-bottom{margin-top:auto}.marketing-page .m-preview-main{padding:19px 21px 24px;background:#f3f6ef;min-width:0}.marketing-page .m-preview-heading{display:flex;align-items:center;justify-content:space-between}.marketing-page .m-preview-heading>div{display:grid;gap:4px}.marketing-page .m-preview-heading small{font-size:6px;letter-spacing:.12em;color:#8a9385}.marketing-page .m-preview-heading strong{font-size:13px;font-weight:600;letter-spacing:-.03em}.marketing-page .m-preview-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:8px;background:#e7d9c3;color:#816b49}.marketing-page .m-preview-tabs{display:flex;gap:17px;font-size:6px;border-bottom:1px solid #d9e1d2;margin:18px 0 14px;color:#939e8b;white-space:nowrap}.marketing-page .m-preview-tabs b{font-weight:500;border-bottom:2px solid #6b8d54;color:#3e5d2d;padding-bottom:7px}.marketing-page .m-document{background:white;padding:24px;border:1px solid #e2e7dd;border-radius:2px;box-shadow:0 3px 7px #29452205}.marketing-page .m-document-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:600}.marketing-page .m-document-logo{display:grid;place-items:center;background:#1d8a4c;color:white;width:25px;height:25px;border-radius:4px;font-size:20px;letter-spacing:-.08em}.marketing-page .m-document-company{display:grid;gap:3px;margin:13px 0 20px;font-size:7px}.marketing-page .m-document-company span{color:#7f8a79;font-size:6px}.marketing-page .m-document-parties{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-bottom:23px;font-size:6px}.marketing-page .m-document-parties>div{display:grid;gap:4px}.marketing-page .m-document-parties small{font-size:5px;color:#98a18f;letter-spacing:.06em}.marketing-page .m-document-parties strong{font-size:6px;font-weight:500}.marketing-page .m-document-parties span{font-size:5px;color:#8a9382}.marketing-page .m-document-line{display:grid;grid-template-columns:2.3fr .5fr 1fr;gap:8px;font-size:6px;padding:10px 0;border-bottom:1px solid #edf0e9}.marketing-page .m-document-line span:not(:first-child){text-align:right}.marketing-page .m-document-line-head{background:#f2f5ee;color:#7d8974;margin:0 -6px;padding:7px 6px;font-size:5px}.marketing-page .m-document-total{display:flex;justify-content:flex-end;gap:30px;margin-top:14px;font-size:6px}.marketing-page .m-document-total strong{font-size:8px}.marketing-page .m-document-footer{font-size:5px;margin-top:23px;color:#a4ac9b}.marketing-page .m-floating{position:absolute;display:flex;align-items:center;z-index:2;background:#fff;border:1px solid #e3e9dc;box-shadow:0 10px 30px #233d2310;border-radius:8px}.marketing-page .m-floating-payment{padding:15px 18px;gap:11px;right:-23px;bottom:55px;transform:rotate(2deg)}.marketing-page .m-floating-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#24814a;background:#e9f5e4}.marketing-page .m-floating-check svg{width:17px;height:17px}.marketing-page .m-floating-payment>div{display:grid;gap:3px}.marketing-page .m-floating-payment strong{font-size:11px;font-weight:600}.marketing-page .m-floating-payment small{color:#86917c;font-size:8px}.marketing-page .m-floating-docs{padding:11px 18px;gap:9px;left:-30px;top:90px;transform:rotate(-5deg)}.marketing-page .m-floating-docs>span{font-size:8px;font-weight:600;padding:5px;border-radius:3px;background:#f0f5e9;color:#66814f}.marketing-page .m-floating-docs i{width:9px;border-top:1px solid #b8c8ac}
.marketing-page .m-section{padding-top:108px;padding-bottom:108px}.marketing-page .m-section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.marketing-page .m-section-heading>.m-eyebrow{justify-content:center}.marketing-page h2{font-size:clamp(30px,3.2vw,45px);line-height:1.2;letter-spacing:-.05em;font-weight:500;margin:16px 0}.marketing-page .m-section-heading>p:last-child{max-width:575px;margin:20px auto 0;color:var(--m-muted);font-size:14px;line-height:1.8}.marketing-page .m-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43px}.marketing-page .m-workflow-card{position:relative}.marketing-page .m-step-number{font-size:11px;letter-spacing:.08em;color:#99a38f;margin-bottom:15px}.marketing-page .m-step-visual{height:206px;position:relative;display:grid;place-items:center;background:#f3f6ee;border-radius:12px;overflow:hidden;margin-bottom:27px}.marketing-page .m-step-visual-02{background:#f4f1eb}.marketing-page .m-step-visual-03{background:#eef4f2}.marketing-page .m-step-paper{display:grid;gap:10px;width:135px;min-height:150px;padding:24px;background:white;border:1px solid #e7eadf;transform:rotate(-8deg);box-shadow:0 6px 16px #33412308}.marketing-page .m-step-paper i{height:3px;background:#e8eee2}.marketing-page .m-step-paper b{font-size:17px;font-weight:500;color:#5c7e46;white-space:nowrap}.marketing-page .m-step-small{position:absolute;right:24px;bottom:37px;background:#dcebcf;padding:7px 13px;font-size:9px;color:#4d7137;border:3px solid white;border-radius:6px;transform:rotate(5deg)}.marketing-page .m-workflow-card h3{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.marketing-page .m-workflow-card>p{font-size:13px;color:var(--m-muted);line-height:1.9}
.marketing-page .m-features{padding:94px 0 104px;background:#f8f9f5;border-top:1px solid #e9ede4;border-bottom:1px solid #e9ede4}.marketing-page .m-heading-split{display:flex;align-items:end;justify-content:space-between;max-width:none;text-align:left;gap:50px;margin-bottom:45px}.marketing-page .m-heading-split>p:last-child{max-width:320px;margin:0 0 18px}.marketing-page .m-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe6d9;border:1px solid #dfe6d9;border-radius:12px;overflow:hidden}.marketing-page .m-feature-card{background:#f8f9f5;padding:31px}.marketing-page .m-feature-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.marketing-page .m-feature-top>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dbe4d2;border-radius:9px;color:#5d7f43;background:#f1f5eb}.marketing-page .m-feature-top svg{width:22px;height:22px}.marketing-page .m-feature-top small{font-size:9px;color:#a3ad99}.marketing-page .m-feature-label{font-size:10px;color:#779066;margin-bottom:9px!important}.marketing-page .m-feature-card h3{font-size:18px;font-weight:500;letter-spacing:-.03em;line-height:1.4;margin-bottom:13px}.marketing-page .m-feature-card>p:last-child{color:var(--m-muted);font-size:12px;line-height:1.9}
.marketing-page .m-document-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:110px;align-items:center;padding-top:140px;padding-bottom:140px}.marketing-page .m-spotlight-art{position:relative;padding:20px 32px;background:#eef3e8;border-radius:18px;isolation:isolate}.marketing-page .m-spotlight-art>.m-document{position:relative;transform:rotate(-4deg);z-index:2;min-height:375px;padding:30px;margin:-40px 10px -20px}.marketing-page .m-spotlight-back{position:absolute;inset:10px 35px;background:#fff;border:1px solid #dce2d5;transform:rotate(6deg)}.marketing-page .m-spotlight-art .m-document-top{font-size:12px}.marketing-page .m-spotlight-art .m-document-company{font-size:9px}.marketing-page .m-spotlight-art .m-document-line{font-size:8px;padding-block:14px}.marketing-page .m-spotlight-art .m-document-parties{font-size:8px;margin-block:26px}.marketing-page .m-brand-chip{position:absolute;right:-23px;bottom:30px;z-index:3;background:#fff;border:1px solid #e0e7d9;padding:12px 20px;box-shadow:0 8px 30px #20381a10;border-radius:7px;font-size:11px;transform:rotate(3deg);color:#5c7a48}.marketing-page .m-spotlight-copy>p:not(.m-eyebrow){font-size:13px;color:var(--m-muted);line-height:1.9;margin:22px 0}.marketing-page .m-spotlight-copy h2 em{font-family:inherit;font-weight:400;color:var(--m-green)}.marketing-page .m-check-list{padding:0;list-style:none;margin:24px 0 30px;display:grid;gap:12px}.marketing-page .m-check-list li{display:flex;gap:11px;font-size:12px;align-items:center}.marketing-page .m-check-list svg{color:#72975b;width:16px;height:16px}
.marketing-page .m-audience{background:#eaf1e4;padding:87px 0}.marketing-page .m-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}.marketing-page .m-audience-grid article{padding-top:22px;border-top:1px solid #c7d5bd}.marketing-page .m-audience-grid article>span{font-size:9px;letter-spacing:.09em;color:#839375}.marketing-page .m-audience-grid h3{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.03em;margin:21px 0 14px}.marketing-page .m-audience-grid p{font-size:12px;color:#74816a;line-height:1.9;max-width:310px}
.marketing-page .m-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.marketing-page .m-price-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe6d9;border-radius:12px}.marketing-page .m-price-top{padding:25px 27px;background:#eff5e8;min-height:146px}.marketing-page .m-price-small .m-price-top{background:#f4f0e8}.marketing-page .m-price-business .m-price-top{background:#eaf1f1}.marketing-page .m-price-top h3{font-size:23px;font-weight:500;letter-spacing:-.03em}.marketing-page .m-price-top p{font-size:11px;color:#75826e;margin:9px 0}.marketing-page .m-price-top>span{font-size:9px;padding:3px 8px;border-radius:4px;border:1px solid #d6e1cc;color:#708464}.marketing-page .m-price-body{display:flex;flex:1;flex-direction:column;padding:27px}.marketing-page .m-unit-rate,.marketing-page .m-member-rate{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.marketing-page .m-unit-rate strong{font-size:44px;line-height:1.2;font-weight:500;letter-spacing:-.06em}.marketing-page .m-unit-rate>span,.marketing-page .m-member-rate>span{font-size:10px;color:#8c9685}.marketing-page .m-member-rate{margin-top:14px}.marketing-page .m-member-rate strong{font-size:23px;font-weight:500;letter-spacing:-.04em}.marketing-page .m-single-seat{font-size:11px;color:#7d8876;margin-top:20px!important}.marketing-page .m-price-note{font-size:10px;color:#8c9685;min-height:68px;padding-top:19px;margin-bottom:20px}.marketing-page .m-storage-note{display:grid;gap:5px;font-size:10px;background:#f3f6f0;border-radius:5px;padding:10px;margin-top:15px;margin-bottom:20px;min-height:68px;color:#6f8262}.marketing-page .m-storage-note strong{font-weight:500}.marketing-page .m-storage-note>span{font-size:9px;line-height:1.7}.marketing-page .m-price-body>.m-button{margin-top:auto;align-self:start;font-size:12px;padding:10px 15px}.marketing-page .m-price-body>ul{padding:22px 0 0;list-style:none;border-top:1px solid #e8ede2;margin:24px 0 0;display:grid;gap:11px}.marketing-page .m-price-body li{display:flex;gap:8px;align-items:start;font-size:10px;color:#7d8c73}.marketing-page .m-price-body li svg{width:14px;height:14px;color:#6f9851}.marketing-page .m-pricing-footnote{max-width:760px;text-align:center;margin:26px auto 0;font-size:11px;line-height:1.9;color:#8c9684}
.marketing-page .m-nessy{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:64px;background:#f6f4ee;border:1px solid #eae6dc;border-radius:16px;align-items:center}.marketing-page .m-preview-pill{font-size:9px;color:#988765;border:1px solid #d9d1be;padding:5px 9px;border-radius:4px;letter-spacing:.07em}.marketing-page .m-nessy h2{margin-top:23px}.marketing-page .m-nessy>div>p{font-size:13px;line-height:1.9;color:#918d80;margin:22px 0}.marketing-page .m-nessy-preview{display:grid;justify-items:center;gap:17px;background:#fffdf8;border:1px solid #e7e0d0;border-radius:14px;padding:32px 22px;transform:rotate(2deg);box-shadow:0 9px 28px #51452b05;text-align:center}.marketing-page .m-spark{font-size:38px;color:#aca078;line-height:1.1}.marketing-page .m-nessy-preview>strong{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.04em}.marketing-page .m-nessy-preview>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.marketing-page .m-nessy-preview>div>span{font-size:8px;border:1px solid #e4dfd3;border-radius:4px;padding:5px 8px;color:#a39983}.marketing-page .m-nessy-preview>small{font-size:8px;color:#ada590}.marketing-page .m-faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.marketing-page .m-faq-list>details{border-bottom:1px solid #e3e8de;padding:21px 0}.marketing-page .m-faq-list>details:first-child{padding-top:0}.marketing-page .m-faq-list summary{display:flex;align-items:start;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;line-height:1.6}.marketing-page .m-faq-list summary::-webkit-details-marker{display:none}.marketing-page .m-faq-list summary>span{font-size:19px;line-height:1;color:#89a176;font-weight:400}.marketing-page .m-faq-list details[open] summary>span{transform:rotate(45deg)}.marketing-page .m-faq-list details>p{font-size:12px;line-height:1.9;color:#85907b;margin-top:16px;padding-right:27px}.marketing-page .m-final-cta{padding:75px 0 80px;background:#eaf1e4;text-align:center}.marketing-page .m-final-cta .m-eyebrow{justify-content:center}.marketing-page .m-final-cta h2{font-size:clamp(36px,4vw,55px);margin:22px 0 30px}.marketing-page .m-final-cta .m-container>p:last-child{font-size:11px;color:#89977c;margin-top:19px}.marketing-page .m-footer{background:#f9faf7;padding:65px 0 24px}.marketing-page .m-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.marketing-page .m-footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:10px}.marketing-page .m-footer-grid>div:first-child{gap:20px}.marketing-page .m-footer-grid p{font-size:11px;color:#84917a;line-height:1.9}.marketing-page .m-footer-grid small{font-size:9px;color:#a1aa98}.marketing-page .m-footer-grid h2{font-size:11px;line-height:1.6;letter-spacing:0;margin:0 0 9px;font-weight:600}.marketing-page .m-footer-grid>div:not(:first-child)>a,.marketing-page .m-footer-grid>div>span{font-size:10px;color:#88957f}.marketing-page .m-footer-grid a:hover{color:var(--m-green)}.marketing-page .m-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:23px;margin-top:45px;border-top:1px solid #e4e9df;font-size:9px;color:#9aa591}
@media(min-width:1000px){.marketing-page .m-pricing-grid{grid-auto-rows:auto}.marketing-page .m-price-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:0}.marketing-page .m-price-body{min-height:360px}}
@media(max-width:1100px){.marketing-page .m-container{width:calc(100% - 60px)}.marketing-page .m-hero-grid{gap:35px}.marketing-page .m-desktop-nav{gap:18px}.marketing-page .m-header-inner{gap:22px}.marketing-page .m-header-actions{gap:17px}.marketing-page .m-header-actions .m-button{font-size:11px;padding:10px 13px}.marketing-page .m-preview-main{padding:16px 14px}.marketing-page .m-document{padding:18px}.marketing-page .m-preview-app{grid-template-columns:75px 1fr}.marketing-page .m-preview-nav{font-size:7px;padding:16px 8px}.marketing-page .m-document-spotlight{gap:65px}.marketing-page .m-nessy{gap:50px;padding:45px}.marketing-page .m-price-body,.marketing-page .m-price-top{padding:23px}.marketing-page .m-faq-section{gap:65px}}
@media(max-width:850px){.marketing-page .m-hero{padding-top:52px}.marketing-page .m-hero-grid{grid-template-columns:1fr;gap:38px}.marketing-page .m-hero-copy{text-align:center}.marketing-page .m-hero-copy .m-eyebrow,.marketing-page .m-hero-copy .m-actions,.marketing-page .m-hero-copy .m-trial-note{justify-content:center}.marketing-page .m-hero-description{margin:0 auto 25px;max-width:520px}.marketing-page .m-hero h1{font-size:62px}.marketing-page .m-preview-stage{width:min(600px,100%);margin:0 auto}.marketing-page .m-hero-bottom{margin-top:36px;grid-template-columns:1fr;text-align:center;gap:18px;padding:28px 0}.marketing-page .m-hero-bottom>div{justify-content:center;flex-wrap:wrap;gap:14px}.marketing-page .m-desktop-nav{display:none}.marketing-page .m-header-actions{margin-left:auto}.marketing-page .m-mobile-menu{display:block;position:relative}.marketing-page .m-mobile-menu>summary{display:grid;gap:4px;list-style:none;cursor:pointer;padding:10px}.marketing-page .m-mobile-menu>summary::-webkit-details-marker{display:none}.marketing-page .m-mobile-menu summary>span{display:block;width:19px;height:1.5px;background:#344d3b}.marketing-page .m-mobile-menu nav{position:absolute;right:0;top:45px;display:grid;gap:5px;min-width:190px;padding:12px;background:#fff;border:1px solid #dde6d7;border-radius:8px;box-shadow:0 10px 30px #24382110}.marketing-page .m-mobile-menu nav a{padding:8px;font-size:13px}.marketing-page .m-section{padding-block:75px}.marketing-page .m-workflow-grid{gap:24px}.marketing-page .m-step-visual{height:175px}.marketing-page .m-step-small{right:8px;bottom:27px;font-size:8px}.marketing-page .m-workflow-card h3{font-size:17px}.marketing-page .m-workflow-card>p{font-size:12px}.marketing-page .m-feature-grid{grid-template-columns:repeat(2,1fr)}.marketing-page .m-heading-split{gap:30px}.marketing-page .m-heading-split>p:last-child{max-width:240px}.marketing-page .m-document-spotlight{gap:40px}.marketing-page .m-spotlight-art{padding:20px 10px}.marketing-page .m-spotlight-art>.m-document{padding:20px;margin:-15px 0}.marketing-page .m-spotlight-art .m-document-top{font-size:8px}.marketing-page .m-spotlight-art .m-document-line{font-size:6px}.marketing-page .m-spotlight-copy h2{font-size:29px}.marketing-page .m-brand-chip{right:-7px;font-size:8px;padding:9px 12px}.marketing-page .m-pricing-grid{gap:14px}.marketing-page .m-price-top,.marketing-page .m-price-body{padding:19px}.marketing-page .m-unit-rate strong{font-size:36px}.marketing-page .m-price-top p{font-size:10px;min-height:32px}.marketing-page .m-price-body>.m-button{font-size:10px;gap:6px}.marketing-page .m-nessy{gap:30px;padding:35px}.marketing-page .m-faq-section{grid-template-columns:.8fr 1.2fr;gap:40px}.marketing-page .m-footer-grid{gap:25px;grid-template-columns:1.4fr 1fr 1fr}.marketing-page .m-footer-grid>div:last-child{display:none}}
@media(max-width:600px){.marketing-page .m-container{width:calc(100% - 40px)}.marketing-page .m-header-inner{height:73px;gap:12px}.marketing-page .m-brand img{width:35px;height:35px}.marketing-page .m-brand strong{font-size:20px}.marketing-page .m-brand small{font-size:8px}.marketing-page .m-header-actions>.m-button{display:none}.marketing-page .m-signin{font-size:13px}.marketing-page .m-header-actions{gap:0}.marketing-page .m-hero h1{font-size:47px;margin:20px 0}.marketing-page .m-hero-description{font-size:14px}.marketing-page .m-hero .m-eyebrow{font-size:9px}.marketing-page .m-actions{gap:18px}.marketing-page .m-hero .m-button{padding:13px 17px;font-size:12px}.marketing-page .m-hero .m-text-link{font-size:12px}.marketing-page .m-trial-note{font-size:9px;gap:6px}.marketing-page .m-preview-nav{display:none}.marketing-page .m-preview-app{grid-template-columns:1fr;min-height:350px}.marketing-page .m-preview-main{padding:19px}.marketing-page .m-browser-bar{font-size:7px}.marketing-page .m-preview-tag{font-size:6px}.marketing-page .m-floating-payment{right:-8px;bottom:28px;padding:11px 13px}.marketing-page .m-floating-docs{left:-7px;top:76px;padding:8px 10px;font-size:7px}.marketing-page .m-hero-bottom b{font-size:10px}.marketing-page .m-hero-bottom>span{font-size:8px}.marketing-page h2{font-size:31px}.marketing-page .m-section-heading{margin-bottom:35px}.marketing-page .m-section-heading>p:last-child{font-size:13px}.marketing-page .m-section{padding-block:60px}.marketing-page .m-workflow-grid{grid-template-columns:1fr;gap:32px}.marketing-page .m-step-visual{height:185px;margin-bottom:18px}.marketing-page .m-workflow-card h3{font-size:19px}.marketing-page .m-workflow-card>p{font-size:13px}.marketing-page .m-features{padding-block:60px}.marketing-page .m-heading-split{display:block}.marketing-page .m-heading-split>p:last-child{max-width:100%;margin:20px 0}.marketing-page .m-feature-grid{grid-template-columns:1fr}.marketing-page .m-feature-card{padding:26px}.marketing-page .m-feature-card h3{font-size:20px}.marketing-page .m-feature-card>p:last-child{font-size:13px}.marketing-page .m-feature-top{margin-bottom:19px}.marketing-page .m-document-spotlight{grid-template-columns:1fr;gap:55px}.marketing-page .m-spotlight-art{width:min(380px,100%);margin:15px auto}.marketing-page .m-spotlight-art>.m-document{padding:26px;margin:-20px 10px;min-height:345px}.marketing-page .m-spotlight-copy h2{font-size:33px}.marketing-page .m-audience{padding-block:60px}.marketing-page .m-audience-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.marketing-page .m-audience-grid h3{font-size:23px}.marketing-page .m-audience-grid p{max-width:none;font-size:13px}.marketing-page .m-pricing-grid{grid-template-columns:1fr;gap:24px}.marketing-page .m-price-top,.marketing-page .m-price-body{padding:25px}.marketing-page .m-price-top{min-height:0}.marketing-page .m-price-top p{min-height:0;font-size:12px}.marketing-page .m-unit-rate strong{font-size:46px}.marketing-page .m-unit-rate>span,.marketing-page .m-member-rate>span{font-size:12px}.marketing-page .m-member-rate strong{font-size:26px}.marketing-page .m-price-body>.m-button{font-size:13px}.marketing-page .m-price-body li{font-size:12px}.marketing-page .m-price-note,.marketing-page .m-storage-note{font-size:12px;min-height:0;margin:22px 0}.marketing-page .m-storage-note>span{font-size:11px}.marketing-page .m-nessy{grid-template-columns:1fr;padding:28px;gap:26px}.marketing-page .m-nessy-preview{padding:28px 15px}.marketing-page .m-nessy-preview>div>span{font-size:9px}.marketing-page .m-faq-section{grid-template-columns:1fr;gap:28px}.marketing-page .m-faq-list summary{font-size:14px}.marketing-page .m-faq-list details>p{font-size:13px}.marketing-page .m-final-cta{padding:55px 0}.marketing-page .m-final-cta h2{font-size:39px}.marketing-page .m-footer{padding-top:45px}.marketing-page .m-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.marketing-page .m-footer-grid>div:first-child{grid-column:1/-1}.marketing-page .m-footer-grid h2{font-size:13px}.marketing-page .m-footer-grid>div:not(:first-child)>a{font-size:12px}.marketing-page .m-footer-grid p{font-size:13px}.marketing-page .m-footer-bottom{flex-direction:column;gap:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.marketing-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html:has(.marketing-page){scroll-behavior:smooth}body:has(>.marketing-page){margin:0;background:#fff}
/* Trial signup and unaltered screenshots from the real workplace. */
.marketing-page .m-hero-grid{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);align-items:center;gap:64px;padding-block:58px 50px}
.marketing-page .m-hero h1{font-size:clamp(42px,4vw,64px);line-height:1.04;margin:20px 0}
.marketing-page .m-hero-description{font-size:15px;line-height:1.8;margin-bottom:24px;max-width:450px}
.marketing-page .m-signup{max-width:450px;scroll-margin-top:110px}
.marketing-page .m-signup [hidden]{display:none!important}
.marketing-page .m-signup h2{font-size:19px;letter-spacing:-.3px;line-height:1.3;margin:0 0 6px}
.marketing-page .m-signup form>p,.marketing-page #trialSignupSuccess p{font-size:13px;color:#617065;line-height:1.6;margin:0 0 15px}
.marketing-page .m-signup label{display:grid;gap:6px;font-size:12px;font-weight:600;margin:0 0 12px}
.marketing-page .m-signup input{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid #ccd6cd;background:white;border-radius:6px;color:#17291f;font:inherit;font-size:14px;box-shadow:0 1px 2px #173c1610}
.marketing-page .m-signup input:focus{outline:2px solid #21844d;outline-offset:2px}
.marketing-page .m-signup .m-button{width:100%;justify-content:center;padding:15px 16px;font-size:13px;border:0;cursor:pointer;margin-top:3px}
.marketing-page .m-signup small{display:block;font-size:11px;color:#68766a;margin-top:12px}
.marketing-page .m-signup-back{border:0;background:none;color:#317344;padding:12px 0;font:inherit;font-size:12px;cursor:pointer}
.marketing-page #trialSignupStatus{color:#ab342b}
.marketing-page .m-real-workspace{min-width:0;align-self:center}
.marketing-page .m-real-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#53745d;margin:0 0 14px}
.marketing-page .m-real-heading span:last-child{letter-spacing:0;color:#7a847c}
.marketing-page .m-screenshot-frame{overflow:hidden;border:1px solid #d4ddd3;border-radius:12px;background:white;box-shadow:0 25px 70px #26442318}
.marketing-page .m-screenshot-frame img{display:block;width:100%;height:auto}
.marketing-page .m-screenshot-tabs{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.marketing-page .m-screenshot-tabs button{flex:0 0 auto;width:auto;border:1px solid #d4ddd3;background:transparent;color:#536157;padding:9px 14px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer}
.marketing-page .m-screenshot-tabs button[aria-pressed="true"]{background:#e4ede0;border-color:#8dad86;color:#275c37}
.marketing-page #workspaceScreenshotCaption{font-size:18px;margin:18px 0 8px;font-weight:600}
.marketing-page .m-spotlight-real img{display:block;width:100%;height:auto;border:1px solid #d4ddd3;border-radius:8px;box-shadow:0 18px 45px #26442318}
@media(max-width:1000px){.marketing-page .m-hero-grid{gap:30px;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}}
@media(max-width:760px){.marketing-page .m-hero-grid{grid-template-columns:1fr;padding-block:35px;gap:40px}.marketing-page .m-signup{max-width:none}.marketing-page .m-hero h1{font-size:48px}.marketing-page .m-hero-description{max-width:none}.marketing-page .m-real-heading{font-size:9px}.marketing-page .m-screenshot-tabs button{padding:8px 10px}}
.marketing-page .m-hero{padding-top:0}
.marketing-page .m-hero-grid{padding-top:32px;padding-bottom:32px}
.marketing-page .m-signup label{margin-bottom:10px;gap:5px}
.marketing-page .m-signup input{height:42px;font-weight:400}
.marketing-page .m-hero-bottom{margin-top:20px}
@media(min-width:761px){
 .marketing-page .m-hero-grid{padding-top:24px}
 .marketing-page .m-hero h1{font-size:clamp(44px,3.4vw,56px);margin:16px 0}
 .marketing-page .m-hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}
 .marketing-page .m-signup label{font-size:11px;line-height:1.4;gap:4px;margin-bottom:9px}
 .marketing-page .m-signup input{height:40px}
}
.marketing-page .m-signup{text-align:left}
/* One mobile device stays in view while the desktop workspace is revealed. */
.marketing-page .m-hero{background:linear-gradient(160deg,#fff 10%,#fafbf7 65%,#eff4ec);overflow:visible}
.marketing-page .m-hero-grid{position:relative;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(700px,auto) 850px;align-items:start;padding-top:32px;column-gap:64px;row-gap:0}
.marketing-page .m-hero-copy{grid-column:1;grid-row:1;text-align:left}
.marketing-page .m-real-workspace{--device-progress:0;position:sticky;top:100px;grid-column:2;grid-row:1 / 3;align-self:start;min-width:0;width:100%}
.marketing-page .m-real-heading{font-size:10px;letter-spacing:1.2px;margin-bottom:8px}
.marketing-page .m-device-stage{position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1.4;perspective:1200px}
.marketing-page .m-story-duo{position:absolute;z-index:2;display:block;width:76%;left:12%;top:20px;padding:8px 8px 14px;border:2px solid #767977;border-radius:34px;background:linear-gradient(100deg,#d9dcda,#525653 4%,#151715 8%,#303430 48%,#858b85 50%,#181b19 53%,#171a18 95%,#9da39d);box-shadow:0 3px 0 #fff9 inset,0 25px 35px #20302726;transform-origin:0 0;transform:translate(calc(var(--device-progress) * 40%),calc(var(--device-progress) * 185px)) scale(calc(1 - var(--device-progress) * .37)) rotate(calc(var(--device-progress) * -4deg));will-change:transform}
.marketing-page .m-duo-screen{position:relative;overflow:hidden;border:3px solid #0c100e;border-radius:24px;clip-path:polygon(0 0,48% 1.7%,50% 2.2%,52% 1.7%,100% 0,100% 100%,52% 98.3%,50% 97.8%,48% 98.3%,0 100%)}
.marketing-page .m-duo-screen img{display:block;width:100%;height:auto}
.marketing-page .m-duo-crease{position:absolute;inset:0 auto 0 47%;width:6%;background:linear-gradient(90deg,transparent,#0001 40%,#0002 50%,#fff2 63%,transparent);pointer-events:none}
.marketing-page .m-duo-camera{position:absolute;right:18px;top:12px;width:6px;height:6px;border-radius:50%;background:#17221c;box-shadow:0 0 0 2px #c4ccc4}
.marketing-page .m-duo-home{position:absolute;bottom:6px;left:41%;width:18%;height:3px;border-radius:4px;background:#afb6b0}
.marketing-page .m-story-mac{position:absolute;left:0;top:15px;width:100%;opacity:var(--device-progress);transform:translateY(calc((1 - var(--device-progress)) * 110px)) scale(calc(.86 + var(--device-progress) * .14));transform-origin:50% 60%;will-change:transform,opacity}
.marketing-page .m-mac-display{position:relative;background:#141715;border:2px solid #697069;border-bottom:0;padding:15px 9px 9px;border-radius:18px 18px 0 0;box-shadow:0 20px 45px #1c33251c}
.marketing-page .m-mac-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;background:#4d5950;border-radius:50%}
.marketing-page .m-mac-display .m-screenshot-frame{border:0;border-radius:4px;box-shadow:none}
.marketing-page .m-mac-chin{height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#c8d2ca,#e4eae5 60%,#b4c1b7);border-radius:0 0 12px 12px;color:#637367;font-size:9px;letter-spacing:1px}
.marketing-page .m-mac-stand{width:18%;height:50px;margin:0 auto;background:linear-gradient(90deg,#a3afa6,#e0e7e1 65%,#bac6bd);clip-path:polygon(20% 0,80% 0,95% 100%,5% 100%)}
.marketing-page .m-mac-foot{height:6px;width:27%;margin:0 auto;border-radius:50%;background:#bac5bc;box-shadow:0 4px 7px #24372b20}
.marketing-page .m-story-desktop-controls{display:none}
.marketing-page .m-real-workspace[data-desktop-visible] .m-story-desktop-controls{display:block}
.marketing-page .m-desktop-story-copy{grid-row:2;grid-column:1;align-self:center;padding-bottom:80px}
.marketing-page .m-desktop-story-copy h2{font-size:clamp(36px,3.8vw,54px);font-weight:300;letter-spacing:-.035em;line-height:1.15;margin:20px 0 24px}
.marketing-page .m-desktop-story-copy h2 em{font-style:normal;color:var(--m-green)}
html[lang="zh-CN"] .marketing-page .m-desktop-story-copy h2{container-type:inline-size}
html[lang="zh-CN"] .marketing-page .m-desktop-story-copy h2 em{white-space:nowrap;font-size:min(1em,10cqw)}
.marketing-page .m-desktop-story-copy>p:not(.m-eyebrow){font-size:16px;color:var(--m-muted);line-height:1.8;max-width:390px;margin-bottom:24px}
.marketing-page .m-desktop-story-copy small{display:block;margin-top:24px;color:#788177;font-size:11px}
.marketing-page .m-desktop-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.marketing-page .m-download-badge{display:inline-flex;align-items:center;gap:10px;width:auto;flex:0 0 auto;min-height:56px;padding:9px 13px;border:1px solid #777;border-radius:7px;background:#050505;color:#fff;text-align:left;font-family:inherit;opacity:1;cursor:not-allowed}
.marketing-page .m-download-badge>svg{width:31px;height:33px;flex:0 0 auto}
.marketing-page .m-download-badge>span{display:grid;gap:1px}
.marketing-page .m-desktop-story-copy .m-download-badge small{margin:0;color:#ddd;font-size:10px;line-height:1.2;font-weight:400;letter-spacing:.01em}
.marketing-page .m-download-badge strong{font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.025em;white-space:nowrap}
.marketing-page .m-desktop-downloads+small{max-width:390px;line-height:1.7;margin-top:15px}
.marketing-page .m-desktop-story-copy>.m-text-link{display:inline-flex;margin-top:23px}
@media(max-width:600px){.marketing-page .m-desktop-downloads{gap:10px}.marketing-page .m-download-badge{gap:8px;min-height:53px;padding:8px 10px}.marketing-page .m-download-badge>svg{width:26px;height:29px}.marketing-page .m-download-badge strong{font-size:18px}.marketing-page .m-desktop-story-copy h2{font-size:39px}}
@media(max-width:1100px) and (min-width:851px){.marketing-page .m-hero-grid{gap:32px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.marketing-page .m-device-stage{height:auto;aspect-ratio:1.15}.marketing-page .m-story-duo{border-radius:25px;padding:6px 6px 12px}}
@media(max-width:850px){
 .marketing-page .m-hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:28px;padding-top:30px}
 .marketing-page .m-hero-copy{grid-column:1;grid-row:1;max-width:520px;width:100%;margin:auto}
 .marketing-page .m-hero-copy .m-eyebrow{justify-content:flex-start}.marketing-page .m-hero-description{margin-left:0}
 .marketing-page .m-real-workspace{position:relative;top:auto;grid-column:1;grid-row:2;width:min(620px,100%);margin:auto;--device-progress:1!important}
 .marketing-page .m-device-stage{height:auto;aspect-ratio:1.15;margin-top:20px}
 .marketing-page .m-story-duo{top:12%;border-radius:24px;padding:6px 6px 12px;transform:translate(27%,33%) scale(.62) rotate(-4deg)}
 .marketing-page .m-duo-screen{border-radius:16px}.marketing-page .m-duo-camera{right:12px;top:8px;width:4px;height:4px}
 .marketing-page .m-story-mac{opacity:1;transform:none}
 .marketing-page .m-story-desktop-controls{visibility:visible;opacity:1}
 .marketing-page .m-desktop-story-copy{grid-row:3;grid-column:1;max-width:520px;margin:20px auto 0;padding-bottom:20px}
 .marketing-page .m-mac-display{padding:10px 5px 5px;border-radius:12px 12px 0 0}.marketing-page .m-mac-chin{height:24px}.marketing-page .m-mac-stand{height:32px}
}
@media(prefers-reduced-motion:reduce){.marketing-page .m-story-mac,.marketing-page .m-story-duo{will-change:auto}.marketing-page .m-story-desktop-controls{transition:none}html:has(.marketing-page){scroll-behavior:auto}}

/* Narrow screens use the same mobile-first story in normal document flow. */
@media(max-width:850px){
 .marketing-page .m-device-stage{display:flex;flex-direction:column;aspect-ratio:auto;gap:64px}
 .marketing-page .m-story-duo{position:relative;order:0;top:auto;left:auto;align-self:center;transform:none;width:90%}
 .marketing-page .m-story-mac{position:relative;order:1;top:auto;left:auto;width:100%}
 .marketing-page .m-story-desktop-controls{display:block}
}

.marketing-page .m-story-desktop-controls .m-screenshot-tabs{margin-top:8px}
.marketing-page .m-story-desktop-controls #workspaceScreenshotCaption{display:none}

/* One continuous hand-held demonstration; the final frame remains visible. */
/* Stills have real alpha; keep their white screen opaque. The existing video
   retains blending only during playback, without tinting the transparent stills. */
.marketing-page .m-real-workspace:has(.m-handheld-demo){mix-blend-mode:normal}
.marketing-page .m-real-workspace:has(.m-handheld-demo[data-state="playing"]){mix-blend-mode:darken}
.marketing-page .m-story-duo:has(.m-handheld-demo){width:100%;left:0;top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;perspective:none}
.marketing-page .m-handheld-demo{position:relative;width:100%;aspect-ratio:1440/954;overflow:hidden;background:transparent}
.marketing-page .m-screenshot-frame{position:relative}
.marketing-page .m-localized-screen{position:absolute;top:0;left:0;overflow:hidden;transform-origin:0 0;background:#f5f6f8;pointer-events:none;z-index:1}
.marketing-page .m-localized-screen[hidden]{display:none}
.marketing-page .m-localized-screen iframe{position:absolute;top:0;max-width:none;border:0;pointer-events:none}
.marketing-page .m-localized-screen[data-screen-panel="front"]{border-radius:25px}
.marketing-page .m-localized-screen[data-screen-panel="left"]{border-radius:27px 0 0 27px}
.marketing-page .m-localized-screen[data-screen-panel="right"]{border-radius:0 27px 27px 0}
.marketing-page .m-real-workspace[data-localized-preview]:has(.m-handheld-demo[data-state="playing"]){mix-blend-mode:normal}
.marketing-page .m-handheld-demo video{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.marketing-page .m-handheld-demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.marketing-page .m-handheld-demo[data-state="open"] .m-handheld-open,
.marketing-page .m-handheld-demo[data-state="closed"] .m-handheld-closed,
.marketing-page .m-handheld-demo[data-state="playing"] video{opacity:1}
.marketing-page .m-fold-controls{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap}
.marketing-page .m-fold-controls button{width:auto;flex:0 0 auto;font:inherit;font-size:11px;color:#526457;padding:7px 12px;border:1px solid #d5ded2;border-radius:20px;background:transparent;cursor:pointer}
.marketing-page .m-fold-controls button[aria-pressed="true"]{background:#e4ede0;border-color:#8dad86;color:#275c37}
.marketing-page .m-fold-controls [data-fold-play]{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:8px;color:#21844d;border-color:transparent;text-decoration:none}
.marketing-page .m-fold-controls [data-fold-play] svg{display:block;width:20px;height:20px}
.marketing-page .m-fold-controls [data-fold-play]:hover{background:#e8f3eb}
.marketing-page .m-fold-controls button:focus-visible{outline:2px solid #21844d;outline-offset:3px}
.marketing-page .m-real-workspace[data-mac-reveal] .m-fold-controls{visibility:hidden;pointer-events:none}
@media(min-width:851px){
 .marketing-page .m-device-stage{aspect-ratio:calc(1.4 - var(--device-progress) * .25)}
 .marketing-page .m-story-duo:has(.m-handheld-demo){transform:translate(calc(var(--device-progress) * 68%),calc(var(--device-progress) * 98%)) scale(calc(1 - var(--device-progress) * .68))}
}
/* Keep the complete desktop story and its page controls visible on shorter laptops. */
@media(min-width:851px) and (max-height:850px){
 .marketing-page .m-real-workspace[data-desktop-visible]{width:min(100%,calc((100svh - 285px) * 1.15));justify-self:end}
}
@media(max-width:850px){.marketing-page .m-story-duo:has(.m-handheld-demo){position:relative;transform:none;left:auto;top:auto;width:100%;align-self:center}}

@font-face{font-family:"Nessy Manrope";src:url('/assets/nessy/fonts/manrope-latin-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
.marketing-page .nessy-wordmark{font-family:"Nessy Manrope",sans-serif;font-weight:500;font-style:normal;letter-spacing:-.055em;line-height:1.1;white-space:nowrap;text-transform:lowercase}
.marketing-page .m-nessy{background:#f7f6fc;border-color:#e7e1f3}
.marketing-page .m-nessy-brand{display:flex;align-items:center;gap:11px;color:#5b43d6;margin-bottom:22px}
.marketing-page .m-nessy-brand .nessy-wordmark{font-size:42px}
.marketing-page .m-preview-pill{border-color:#dbd1ef;color:#88739f}
.marketing-page .m-nessy>div>p{color:#80758b}
.marketing-page .m-nessy-preview{background:#5b43d6;border-color:#5b43d6;color:#fff;transform:none;box-shadow:none;padding:48px 24px;gap:24px}
.marketing-page .m-nessy-preview .m-nessy-preview-brand{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}
.marketing-page .m-nessy-preview-brand img{filter:brightness(0) invert(1)}
.marketing-page .m-nessy-preview .nessy-wordmark{font-size:53px;color:#fff;border:0;padding:0}
.marketing-page .m-nessy-preview>strong{font-size:24px;color:#fff}
.marketing-page .m-nessy-preview>div:not(.m-nessy-preview-brand)>span{color:#e6ddff;border-color:#ffffff38}
.marketing-page .m-nessy-preview>small{color:#d1c4f5}
@media(max-width:600px){.marketing-page .m-nessy-preview .nessy-wordmark{font-size:43px}.marketing-page .m-nessy-preview-brand img{width:48px;height:36px}.marketing-page .m-nessy-brand .nessy-wordmark{font-size:36px}}
.marketing-page .nessy-wordmark{word-spacing:.1em}

/* A compact navigation row with a two-column feature directory. */
.marketing-page .m-desktop-nav{gap:24px}
.marketing-page :is(.m-feature-menu,.m-connection-menu){position:relative;width:auto;flex:0 0 auto}
.marketing-page :is(.m-feature-menu,.m-connection-menu)>summary{display:flex;align-items:center;gap:6px;width:auto;flex:0 0 auto;list-style:none;cursor:pointer;padding:10px 0;font-size:13px;font-weight:500;white-space:nowrap}
.marketing-page :is(.m-feature-menu,.m-connection-menu)>summary::-webkit-details-marker{display:none}
.marketing-page :is(.m-feature-menu,.m-connection-menu)>summary:hover,.marketing-page :is(.m-feature-menu,.m-connection-menu)[open]>summary{color:var(--m-green)}
.marketing-page .m-nav-chevron{width:14px;height:14px;transition:transform .16s}
.marketing-page :is(.m-feature-menu,.m-connection-menu)[open]>summary>.m-nav-chevron{transform:rotate(180deg)}
.marketing-page .m-feature-popover{position:absolute;z-index:40;top:calc(100% + 13px);left:-24px;display:grid;grid-template-columns:1fr 1.08fr;gap:20px;width:540px;max-width:calc(100vw - 48px);padding:20px;border:1px solid #e5e9e4;border-radius:16px;background:#fff;box-shadow:0 12px 34px #26382d16;color:var(--m-ink)}
.marketing-page .m-feature-menu:not([open])>.m-feature-popover{display:none}
.marketing-page .m-feature-popover::before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}
.marketing-page .m-feature-menu-links{border-right:1px solid #e7ebe5;padding-right:19px}
.marketing-page .m-feature-menu-label{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.4;letter-spacing:.08em;color:#758078;font-weight:500;margin-bottom:12px!important}
.marketing-page .m-feature-menu-label svg{width:16px;height:16px}
.marketing-page .m-feature-popover .m-feature-menu-links>a{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;font-weight:400;line-height:1.5;white-space:nowrap}
.marketing-page .m-feature-menu-links>a>span{font-size:14px;color:#929b94}
.marketing-page .m-feature-popover a:hover{color:var(--m-green)}
.marketing-page .m-feature-popover .m-feature-menu-links>.m-feature-menu-all{justify-content:space-between;margin-top:10px;padding-top:12px;border-top:1px solid #e7ebe5;font-weight:500}
.marketing-page .m-feature-menu-all svg,.marketing-page .m-feature-menu-explore svg{width:18px;height:18px}
.marketing-page .m-feature-menu-story h2{font-size:22px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin-bottom:13px}
.marketing-page .m-feature-menu-image{display:block;overflow:hidden;border:1px solid #e7ebe5;border-radius:7px;background:#f5f7f3}
.marketing-page .m-feature-menu-image img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:center top}
.marketing-page .m-feature-menu-story>p:not(.m-feature-menu-label){font-size:12px;line-height:1.6;color:var(--m-muted);margin:10px 0}
.marketing-page .m-feature-popover .m-feature-menu-explore{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--m-green);font-weight:500;gap:8px}
.marketing-page .m-connection-popover{position:absolute;z-index:40;top:calc(100% + 13px);left:-18px;width:220px;max-width:calc(100vw - 48px);padding:8px;border:1px solid #e5e9e4;border-radius:12px;background:#fff;box-shadow:0 12px 34px #26382d16;color:var(--m-ink)}
.marketing-page .m-connection-menu:not([open])>.m-connection-popover{display:none}
.marketing-page .m-connection-popover::before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}
.marketing-page .m-connection-popover>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:7px;font-size:13px;line-height:1.4;font-weight:400;white-space:nowrap}
.marketing-page .m-connection-popover>a:hover,.marketing-page .m-connection-popover>a:focus-visible{background:#f3f7f1;color:var(--m-green)}
.marketing-page .m-connection-popover>a>svg{width:21px;height:21px;color:var(--m-green)}
.marketing-page .m-connection-popover>a>img{width:22px;height:18px;object-fit:contain;flex:0 0 auto}
.marketing-page .m-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.marketing-page .m-connection-grid article{border-top:1px solid var(--m-line);padding-top:24px}
.marketing-page .m-connection-grid article>svg{width:27px;height:27px;color:var(--m-green);margin-bottom:18px}
.marketing-page .m-connection-grid h3{font-size:20px;font-weight:500;margin-bottom:10px;letter-spacing:-.025em}
.marketing-page .m-connection-grid article>p{font-size:14px;line-height:1.8;color:var(--m-muted);max-width:330px}
.marketing-page .m-connections .m-connections-note{font-size:12px;color:var(--m-muted);margin:28px 0 16px}
.marketing-page .m-community{background:#f5f8f2;padding:80px 0}
.marketing-page .m-community-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}
.marketing-page .m-community h2{margin:20px 0;font-size:42px;line-height:1.15;letter-spacing:-.045em;font-weight:500}
.marketing-page .m-community-inner>div>p:not(.m-eyebrow){font-size:15px;color:var(--m-muted);line-height:1.8;max-width:440px}
.marketing-page .m-community-status{display:inline-block;font-size:11px;line-height:1.5;border:1px solid #ccd9c6;border-radius:20px;padding:6px 11px;color:#59734e;margin-top:23px}
.marketing-page .m-community-topics>p{font-size:10px!important;letter-spacing:.1em;margin-bottom:15px;color:#758078!important}
.marketing-page .m-community-topics>div{display:flex;align-items:center;gap:22px;padding:19px 0;border-top:1px solid #dce4d7}
.marketing-page .m-community-topics>div>span{font-size:11px;color:#84947c}
.marketing-page .m-community-topics strong{font-size:18px;font-weight:500;letter-spacing:-.02em}
.marketing-page .m-community-topics small{display:block;font-size:11px;color:#758078;margin-top:14px}
@media(max-width:1200px){.marketing-page .m-desktop-nav{gap:16px}.marketing-page .m-header-inner{gap:22px}}
@media(max-width:1360px){
 .marketing-page .m-desktop-nav{display:none}.marketing-page .m-header-actions{margin-left:auto}
 .marketing-page .m-mobile-menu{display:block;position:relative}
 .marketing-page .m-mobile-menu>summary{display:grid;gap:4px;list-style:none;cursor:pointer;padding:10px}
 .marketing-page .m-mobile-menu>summary::-webkit-details-marker{display:none}
 .marketing-page .m-mobile-menu summary>span{display:block;width:19px;height:1.5px;background:#344d3b}
 .marketing-page .m-mobile-menu nav{position:absolute;right:0;top:45px;display:grid;gap:5px;min-width:190px;padding:12px;background:#fff;border:1px solid #dde6d7;border-radius:8px;box-shadow:0 10px 30px #24382110}
 .marketing-page .m-mobile-menu nav a{padding:8px;font-size:13px}
 .marketing-page .m-mobile-menu :is(.m-feature-menu,.m-connection-menu)>summary{padding:8px;justify-content:space-between}
 .marketing-page .m-mobile-menu .m-feature-popover{position:static;grid-template-columns:1fr;width:auto;max-width:none;padding:2px 0 2px 10px;border:0;border-radius:0;box-shadow:none;background:transparent}
 .marketing-page .m-mobile-menu .m-feature-popover::before,.marketing-page .m-mobile-menu .m-feature-menu-label{display:none}
 .marketing-page .m-mobile-menu .m-feature-menu-links{padding-right:0;border-right:0}
 .marketing-page .m-mobile-menu .m-feature-menu-links>a{white-space:normal;padding:8px}
 .marketing-page .m-mobile-menu .m-connection-popover{position:static;width:auto;max-width:none;padding:2px 0 2px 10px;border:0;border-radius:0;box-shadow:none;background:transparent}
 .marketing-page .m-mobile-menu .m-connection-popover::before{display:none}
 .marketing-page .m-mobile-menu .m-connection-popover>a{gap:9px}
}
@media(max-width:1050px){.marketing-page .m-community-inner{gap:45px}}
@media(max-width:650px){.marketing-page .m-connection-grid{grid-template-columns:1fr;gap:25px}.marketing-page .m-community{padding:60px 0}.marketing-page .m-community-inner{grid-template-columns:1fr;gap:35px}.marketing-page .m-community h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.marketing-page .m-nav-chevron{transition:none}}

/* Match the reference typography across the introduction, including native controls. */
.marketing-page :is(button,input,select,textarea){font-family:inherit}
.marketing-page .m-hero h1{letter-spacing:-.035em}
.marketing-page .m-brand{font-family:Inter,Arial,"PingFang SC",sans-serif}

/* Introduce AI and customer delivery immediately after the device story. */
.marketing-page .m-ai-highlights{padding:76px 0 48px;background:#1b1e1c;color:#f6f7f6}
.marketing-page .m-ai-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}
.marketing-page .m-ai-brand{display:flex;align-items:center;gap:12px;color:#c3b6ff;margin-bottom:25px}
.marketing-page .m-ai-brand>img{filter:brightness(1.8) saturate(.7)}
.marketing-page .m-ai-brand .nessy-wordmark{font-size:34px}
.marketing-page .m-ai-preview-label{font-size:10px;line-height:1.4;padding:4px 8px;border:1px solid #55505f;border-radius:4px;color:#c8bfd8;margin-left:4px}
.marketing-page .m-ai-copy h2{font-size:clamp(34px,3.1vw,45px);line-height:1.18;letter-spacing:-.025em;font-weight:300;color:#f6f7f6;margin:0 0 30px}
.marketing-page .m-ai-copy h2 em{color:#b8a7ff;font-style:normal}
.marketing-page .m-ai-feature-list{list-style:none;margin:0;padding:0}
.marketing-page .m-ai-feature-list>li{border-top:1px solid #414641}
.marketing-page .m-ai-feature-list>li:has(button[aria-pressed="true"]){border-top-color:#ad98ff}
.marketing-page .m-ai-feature-list button{appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;width:100%;padding:20px 0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.marketing-page .m-ai-feature-list button:focus-visible{outline:2px solid #b8a7ff;outline-offset:5px;border-radius:5px}
.marketing-page .m-ai-bullet{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#343b36;color:#d3dbd6}
.marketing-page .m-ai-bullet svg{width:21px;height:21px}
.marketing-page .m-ai-feature-list button[aria-pressed="true"] .m-ai-bullet{background:#785be6;color:#fff}
.marketing-page .m-ai-feature-list strong{display:block;margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.01em}
.marketing-page .m-ai-feature-list button>span:last-child>span{display:block;font-size:14px;line-height:1.75;color:#bcc5bf}
.marketing-page .m-ai-feature-list button[aria-pressed="true"]>span:last-child>span{color:#e2e6e3}
.marketing-page .m-ai-showcase{min-width:0;justify-self:center;width:100%;max-width:430px}
.marketing-page .m-ai-device{padding:23px 21px 20px;border:6px solid #4a504c;border-radius:32px;background:#fafbfc;color:#202735;box-shadow:0 24px 60px #0003;min-height:490px}
.marketing-page .m-ai-device-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dce0e7;padding:0 0 18px;margin-bottom:22px}
.marketing-page .m-ai-device-header>div{display:flex;align-items:center;gap:8px;color:#5b43d6}
.marketing-page .m-ai-device-header .nessy-wordmark{font-size:25px}
.marketing-page .m-ai-device-header>span{font-size:10px;color:#70798a}
.marketing-page .m-ai-demo-panel[hidden]{display:none}
.marketing-page .m-ai-demo-panel{display:grid;gap:22px}
.marketing-page .m-ai-demo-request{padding:15px 17px;background:#efebf9;color:#4e4267;border-radius:12px 12px 2px 12px;font-size:14px;line-height:1.7;margin:0 0 0 24px}
.marketing-page .m-ai-demo-answer{font-size:13px;line-height:1.7}
.marketing-page .m-ai-demo-kicker{display:block;font-size:9px;color:#796991;letter-spacing:.1em;margin-bottom:10px;font-weight:500}
.marketing-page .m-ai-demo-answer h3{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0 0 15px}
.marketing-page .m-ai-demo-answer>ul{list-style:none;padding:0;margin:0 0 18px}
.marketing-page .m-ai-demo-answer>ul>li{padding:10px 0;border-bottom:1px solid #e1e4ea}
.marketing-page .m-ai-demo-answer>ul span{display:block;font-size:10px;color:#737d8c;margin-bottom:2px}
.marketing-page .m-ai-demo-answer>ul strong{font-size:12px;font-weight:500}
.marketing-page .m-ai-demo-answer>p{color:#687581;margin:12px 0}
.marketing-page .m-ai-demo-sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.marketing-page .m-ai-demo-sources>span{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #ddd5ec;border-radius:4px;font-size:10px;color:#71608d}
.marketing-page .m-ai-demo-sources svg{width:12px;height:12px}
.marketing-page .m-ai-demo-footer{display:flex;align-items:center;gap:7px;padding-top:15px;border-top:1px solid #dce0e7;font-size:10px;color:#687581}
.marketing-page .m-ai-demo-footer svg{width:16px;height:16px;flex:0 0 auto;color:#7d6b98}
.marketing-page .m-ai-demo-draft{padding:14px;background:#fff;border:1px solid #dde1e8;border-radius:7px;color:#586373;font-size:12px}
.marketing-page .m-ai-demo-draft>span{display:block;padding-bottom:10px;border-bottom:1px solid #e5e7ed;font-weight:500;color:#2d3544}
.marketing-page .m-ai-demo-draft>p{margin:12px 0 0}
.marketing-page .m-ai-draft-status{display:inline-block;font-size:10px;color:#71608d;margin-top:16px}
.marketing-page .m-ai-demo-channels{display:flex;gap:16px;font-size:11px;color:#526e5b}
.marketing-page .m-ai-demo-channels>span{display:flex;align-items:center;gap:6px}
.marketing-page .m-ai-demo-channels svg{width:15px;height:15px}
.marketing-page .m-ai-demo-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin-top:20px}
.marketing-page .m-ai-demo-flow>span{border:1px solid #dcd7e8;border-radius:5px;padding:10px 7px;font-size:10px;text-align:center;line-height:1.5;color:#71608d}
.marketing-page .m-ai-demo-flow svg{width:14px;height:14px;color:#9b8ab3}
.marketing-page .m-ai-example-caption{text-align:center;margin:17px auto 0;max-width:360px;color:#b5bfb8;font-size:10px;line-height:1.7}
.marketing-page .m-ai-control{margin-top:48px;padding:32px;border:1px solid #5d546f;border-radius:20px;background:radial-gradient(ellipse at top right,#6e539625,transparent 65%),#242825}
.marketing-page .m-ai-control-heading{display:flex;align-items:center;gap:17px;margin-bottom:28px}
.marketing-page .m-ai-control-mark{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid #786499;border-radius:14px;background:#4e3c6238;color:#c7b4ff}
.marketing-page .m-ai-control-mark svg{width:26px;height:26px}
.marketing-page .m-ai-control h3{margin:0 0 9px;color:#fff;font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.marketing-page .m-ai-control-heading p{margin:0;color:#c4ccc6;font-size:14px;line-height:1.7}
.marketing-page .m-ai-control-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.marketing-page .m-ai-control-flow>li{position:relative;padding:20px 18px;border:1px solid #5d506f;border-radius:13px;background:#2d2933}
.marketing-page .m-ai-control-flow>li[data-owner="team"]{border-color:#476751;background:#26332b}
.marketing-page .m-ai-control-flow>li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:25px;width:23px;text-align:center;color:#b4a2d8;font-size:20px;line-height:28px}
.marketing-page .m-ai-control-step{display:flex;align-items:center;gap:10px;color:#ccbcf4;font-size:11px;letter-spacing:.025em}
.marketing-page .m-ai-control-step>span:first-child{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:50%;background:#5d447f;color:#f1e8ff;font-size:12px;font-weight:600;letter-spacing:0}
.marketing-page [data-owner="team"] .m-ai-control-step{color:#b3ddc0}
.marketing-page [data-owner="team"] .m-ai-control-step>span:first-child{background:#3b6149;color:#deffe7}
.marketing-page .m-ai-control-flow h4{margin:18px 0 10px;color:#fff;font-size:18px;font-weight:500;line-height:1.4}
.marketing-page .m-ai-control-flow p{margin:0;color:#c9c7d0;font-size:13px;line-height:1.8}
.marketing-page .m-ai-control-flow>[data-owner="team"] p{color:#c3d3c7}
@media(max-width:1000px){.marketing-page .m-ai-control-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-page .m-ai-control-flow>li:nth-child(2)::after{display:none}}
@media(max-width:600px){.marketing-page .m-ai-control{padding:23px 18px;margin-top:32px}.marketing-page .m-ai-control-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.marketing-page .m-ai-control h3{font-size:25px}.marketing-page .m-ai-control-heading p{font-size:13px}.marketing-page .m-ai-control-mark{width:39px;height:39px;border-radius:11px}.marketing-page .m-ai-control-flow{grid-template-columns:1fr}.marketing-page .m-ai-control-flow>li:not(:last-child)::after{display:block;content:'↓';right:auto;left:calc(50% - 12px);top:auto;bottom:-26px;color:#b4a2d8}.marketing-page .m-ai-control-flow h4{margin-top:14px}}
.marketing-page .m-ai-budget{padding-bottom:60px;background:#fff}
.marketing-page .m-ai-budget .m-ai-token-comparison{margin-top:0;border-top:0;padding-top:64px}
.marketing-page .m-ai-token-copy h2{font-size:36px;line-height:1.13;letter-spacing:-.035em;font-weight:500}
@media(max-width:1050px){.marketing-page .m-ai-intro{gap:45px}.marketing-page .m-ai-feature-list button{gap:13px}.marketing-page .m-ai-feature-list button>span:last-child>span{font-size:13px}}
@media(max-width:760px){.marketing-page .m-ai-highlights{padding:50px 0 35px}.marketing-page .m-ai-intro{grid-template-columns:1fr;gap:35px}.marketing-page .m-ai-copy h2{font-size:35px}.marketing-page .m-ai-device{padding:20px 17px;border-width:5px;min-height:470px}.marketing-page .m-ai-safety{font-size:13px;margin-top:30px;padding-top:23px}.marketing-page .m-ai-brand .nessy-wordmark{font-size:30px}.marketing-page .m-ai-budget .m-ai-token-comparison{padding-top:40px}}
.marketing-page .m-ai-token-comparison{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:65px;margin-top:68px;padding-top:52px;border-top:1px solid #e4dfeb}
.marketing-page .m-ai-token-copy .m-eyebrow{color:#7a658e;letter-spacing:.08em;margin-bottom:20px}
.marketing-page .m-ai-token-copy h2{font-size:36px}
.marketing-page .m-ai-token-copy>p:not(.m-eyebrow){font-size:15px;line-height:1.8;color:var(--m-muted);margin-top:20px}
.marketing-page .m-ai-comparison-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.6;text-align:left}
.marketing-page .m-ai-comparison-table caption{text-align:left;font-size:17px;font-weight:500;margin-bottom:20px}
.marketing-page .m-ai-comparison-table th,.marketing-page .m-ai-comparison-table td{vertical-align:top;padding:14px 13px;border-bottom:1px solid #e6e2eb;overflow-wrap:break-word}
.marketing-page .m-ai-comparison-table th{font-weight:500}.marketing-page .m-ai-comparison-table thead th{font-size:12px;color:#73647f;background:#f6f3fa}
.marketing-page .m-ai-comparison-table th:first-child{width:24%;padding-left:0}.marketing-page .m-ai-comparison-table thead th:first-child{padding-left:10px}
.marketing-page .m-ai-comparison-table td{color:#69756f}.marketing-page .m-ai-comparison-table td:last-child{background:#f9f7fc;color:#58446b}
.marketing-page .m-ai-comparison-table>p{font-size:12px;line-height:1.7;color:#7a7185;margin-top:17px}
.marketing-page .m-ai-availability{font-size:12px;line-height:1.8;color:#7a7185;margin-top:38px;max-width:950px}
@media(max-width:1050px){.marketing-page .m-ai-intro{gap:35px}.marketing-page .m-ai-token-comparison{gap:30px;grid-template-columns:1fr}.marketing-page .m-ai-benefits{gap:24px}}
@media(max-width:760px){.marketing-page .m-ai-highlights{padding:55px 0}.marketing-page .m-ai-intro,.marketing-page .m-ai-benefits{grid-template-columns:1fr}.marketing-page .m-ai-benefits{margin-top:36px;gap:26px}.marketing-page .m-ai-example{padding:20px}.marketing-page .m-ai-token-comparison{margin-top:42px;padding-top:36px}.marketing-page .m-ai-copy h2,.marketing-page .m-ai-token-copy h2{font-size:34px}.marketing-page .m-ai-request{margin-left:0!important}.marketing-page .m-ai-response{gap:9px}.marketing-page .m-ai-comparison-table th,.marketing-page .m-ai-comparison-table td{padding:11px 7px;font-size:12px}.marketing-page .m-ai-comparison-table th:first-child{width:23%}.marketing-page .m-ai-example-send{align-items:flex-start}.marketing-page .m-ai-brand .nessy-wordmark{font-size:30px}}

/* A lighter, concise hero keeps the signup and device preview in balance. */
@font-face{font-family:"Zoho Puvi";src:url("/assets/marketing/fonts/zoho-puvi-light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
.marketing-page .m-hero h1{font-size:clamp(42px,4vw,60px);font-weight:300;line-height:1.08;letter-spacing:-.025em;margin:16px 0}
.marketing-page .m-hero-description{font-size:15px;line-height:1.7;margin-bottom:18px}
.marketing-page #trialContactForm>h2{font-size:16px;font-weight:400;letter-spacing:0;margin-bottom:12px}
.marketing-page #trialContactForm label{position:relative;gap:0;margin-bottom:9px}
.marketing-page #trialContactForm .m-trial-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.marketing-page #trialContactForm input{height:40px;font-weight:400}
.marketing-page #trialContactForm .m-button{padding:12px 16px}
.marketing-page #trialContactForm small{margin-top:9px}
@media(min-width:851px){.marketing-page .m-hero-grid{grid-template-rows:minmax(600px,auto) 850px}}

.marketing-page #trialContactForm>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}

/* The product examples share a real chat layout and one consistent demo order. */
.marketing-page .m-ai-device{display:flex;flex-direction:column;height:640px;min-height:0}
.marketing-page .m-ai-device-header{flex:0 0 auto;margin-bottom:14px}
.marketing-page .m-ai-demo-order{display:grid;gap:5px;flex:0 0 auto;padding:0 0 15px;margin-bottom:14px;border-bottom:1px solid #dce0e7}
.marketing-page .m-ai-demo-order>span{font-size:8px;letter-spacing:.12em;color:#7a6b8e}
.marketing-page .m-ai-demo-order>a{width:max-content;font-size:12px;font-weight:500}
.marketing-page .m-ai-demo-order>small{font-size:10px;color:#737d8a;line-height:1.6}
.marketing-page .m-ai-demo-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbc5d7 transparent;padding-right:6px}
.marketing-page .m-ai-demo-panel>*{flex-shrink:0}
.marketing-page .m-ai-demo-panel[hidden]{display:none}
.marketing-page .m-ai-demo-request{font-size:12px;line-height:1.75;margin-left:20px}
.marketing-page .m-ai-demo-answer{font-size:12px}
.marketing-page .m-ai-demo-answer h3{font-size:17px}
.marketing-page .m-ai-demo-answer a,.marketing-page .m-ai-demo-order a{color:#6545c7;text-decoration:underline;text-decoration-color:#b6a2e6;text-underline-offset:3px;border-radius:2px}
.marketing-page .m-ai-demo-answer a:hover,.marketing-page .m-ai-demo-order a:hover{color:#452b96;text-decoration-color:currentColor}
.marketing-page .m-ai-demo-answer a:focus-visible,.marketing-page .m-ai-demo-order a:focus-visible{outline:2px solid #7659cf;outline-offset:3px}
.marketing-page .m-ai-demo-answer .m-ai-chat-summary{margin:0}
.marketing-page .m-ai-chat-summary>li>strong{font-weight:600;font-size:12px}
.marketing-page .m-ai-chat-summary>li>p{font-size:12px;line-height:1.8;color:#586675;margin:5px 0 0}
.marketing-page .m-ai-chat-summary b{font-weight:600;color:#28323e}
.marketing-page .m-ai-demo-composer{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-height:44px;padding:10px 12px;margin-top:16px;border:1px solid #d9d3e7;border-radius:22px;background:#fff;color:#8a8595;font-size:11px;line-height:1.6}
.marketing-page .m-ai-demo-composer>span:first-child{font-size:23px;color:#797183;line-height:1}
.marketing-page .m-ai-demo-composer>[data-nessy-demo-typing]{flex:1;min-width:0;max-height:76px;overflow:auto}
.marketing-page .m-ai-demo-send{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#785be6;color:#fff}
.marketing-page .m-ai-demo-send svg{width:15px;height:15px}
.marketing-page .m-ai-demo-replay{align-self:flex-end;width:auto;flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:7px 0 0;border:0;background:transparent;color:#7655b6;font:inherit;font-size:10px;cursor:pointer}
.marketing-page .m-ai-demo-replay[hidden]{display:none}
.marketing-page .m-ai-demo-replay svg{width:12px;height:12px}
.marketing-page .m-ai-demo-thinking{display:none;align-items:center;gap:5px;color:#7b6b90;font-size:11px;padding:12px 0}
.marketing-page .m-ai-demo-thinking>span{width:4px;height:4px;border-radius:50%;background:#9a84ca;animation:m-nessy-thinking .8s ease-in-out infinite alternate}
.marketing-page .m-ai-demo-thinking>span:nth-child(2){animation-delay:.15s}
.marketing-page .m-ai-demo-thinking>span:nth-child(3){animation-delay:.3s;margin-right:6px}
.marketing-page [data-demo-stage="typing"] :is([data-draft-message],[data-draft-answer],[data-draft-footer]),.marketing-page [data-demo-stage="working"] :is([data-draft-answer],[data-draft-footer]){display:none}
.marketing-page [data-demo-stage="working"] .m-ai-demo-thinking{display:flex}
@keyframes m-nessy-thinking{from{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.marketing-page .m-ai-demo-thinking>span{animation:none}}
/* Source records replace the conversation inside the phone, preserving its size. */
.marketing-page .m-ai-device{overflow:hidden}
.marketing-page .m-ai-chat-view,.marketing-page .m-ai-record-view{display:flex;flex:1;flex-direction:column;min-height:0}
.marketing-page .m-ai-chat-view[hidden],.marketing-page .m-ai-record-view[hidden]{display:none}
.marketing-page .m-ai-device:has(.m-ai-record-view:not([hidden])) .m-ai-device-header>span{visibility:hidden}
.marketing-page .m-ai-record-view>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin-bottom:8px}
.marketing-page .m-ai-record-view>header>span{color:#7b7188;font-size:9px}
.marketing-page .m-ai-record-view>header button{display:flex;align-items:center;gap:6px;min-height:30px;width:auto;flex:0 0 auto;padding:4px 0;border:0;background:transparent;color:#6847ba;font:inherit;font-size:11px;cursor:pointer}
.marketing-page .m-ai-record-view>header button svg{width:14px;height:14px;transform:rotate(180deg)}
.marketing-page .m-ai-record-view h3{flex:0 0 auto;font-size:14px;line-height:1.5;letter-spacing:-.02em;font-weight:500;margin:0 0 12px;color:#28323e}
.marketing-page .m-ai-record-view h3:focus{outline:none}
.marketing-page .m-ai-record-body{overflow:auto;min-height:0;flex:1;font-size:12px;line-height:1.8;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbc5d7 transparent}
.marketing-page .m-ai-record-body section[hidden]{display:none}
.marketing-page .m-ai-record-body dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.marketing-page .m-ai-record-body dt{font-size:10px;color:#78818f;margin-bottom:3px}
.marketing-page .m-ai-record-body dd{font-size:12px;margin:0;color:#28323e}
.marketing-page .m-ai-record-body p{font-size:12px;color:#66717e;margin:20px 0 0}
.marketing-page .m-ai-record-body blockquote{margin:20px 0 0;padding:15px;background:#f0edf8;border-left:3px solid #a38bd8;border-radius:0 6px 6px 0;color:#5a4a73;font-size:12px}
.marketing-page .m-ai-record-view>footer{flex:0 0 auto;padding:12px 0 0;margin-top:12px;border-top:1px solid #dce0e7;color:#7b7188;font-size:9px;line-height:1.7}
.marketing-page .m-ai-record-table-scroll{overflow:auto;margin-top:20px}
.marketing-page .m-ai-record-body table{width:100%;border-collapse:collapse;min-width:300px;font-size:10px}
.marketing-page .m-ai-record-body th,.marketing-page .m-ai-record-body td{text-align:right;padding:10px 5px;border-bottom:1px solid #dce0e7;font-weight:400}
.marketing-page .m-ai-record-body th{background:#f5f6f8;color:#737d8b}
.marketing-page .m-ai-record-body th:first-child,.marketing-page .m-ai-record-body td:first-child{text-align:left;width:42%}
.marketing-page [data-nessy-record="pi"]{display:flex;flex-direction:column;height:100%;min-height:0}
.marketing-page .m-ai-paper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;padding:0 0 10px;color:#7b7188;font-size:10px}
.marketing-page .m-ai-paper-toolbar>div{display:flex;gap:4px}
.marketing-page .m-ai-paper-toolbar button{width:auto;flex:0 0 auto;padding:5px 8px;border:1px solid #d9d3e7;border-radius:5px;background:transparent;color:#71608d;font:inherit;font-size:10px;cursor:pointer}
.marketing-page .m-ai-paper-toolbar button[aria-pressed="true"]{background:#eee9fa;color:#5e40ac;border-color:#bcaadd}
.marketing-page .m-ai-record-view button:focus-visible{outline:2px solid #7659cf;outline-offset:2px}
.marketing-page .m-ai-paper-viewport{overflow:auto;flex:1;min-height:0;min-width:0;border:1px solid #dce0e7;border-radius:5px;background:#eceff3;overscroll-behavior:contain}
.marketing-page .m-ai-paper-fit{--nessy-paper-scale:.4;position:relative;width:100%;height:calc(1123px * var(--nessy-paper-scale));margin:0 auto;background:#fff}
.marketing-page .m-ai-paper-fit iframe{display:block;position:absolute;top:0;left:0;width:794px;height:1123px;border:0;transform:scale(var(--nessy-paper-scale));transform-origin:top left;background:#fff}
@media(max-width:760px){.marketing-page .m-ai-device{height:640px;min-height:0}.marketing-page .m-ai-demo-request{margin-left:10px}}

/* Actual workspace templates, continuously moving through a quiet paper stage. */
.marketing-page .m-template-section{padding-block:60px}
.marketing-page .m-template-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:48px;padding:32px;border:1px solid var(--m-line);border-radius:14px}
.marketing-page .m-template-copy h2{font-size:38px;line-height:1.25;letter-spacing:-.035em;font-weight:300;margin-top:16px}
.marketing-page .m-template-copy h2 em{font:inherit;color:var(--m-green)}
.marketing-page .m-template-copy>p:not(.m-eyebrow){font-size:14px;line-height:1.8;color:var(--m-muted);margin-top:24px;max-width:360px}
.marketing-page .m-template-benefits{display:flex;gap:25px;border-block:1px solid var(--m-line);padding:22px 0;margin-top:28px}
.marketing-page .m-template-benefits>div{display:grid;gap:3px;align-content:start}
.marketing-page .m-template-benefits>div+div{border-left:1px solid var(--m-line);padding-left:25px}
.marketing-page .m-template-benefits strong{font-size:24px;font-weight:400;line-height:1.4}
.marketing-page .m-template-benefits span{font-size:13px;color:var(--m-muted)}
.marketing-page .m-template-copy>.m-button{font-size:13px;font-weight:500;margin-top:32px;padding:12px 17px}
.marketing-page .m-template-gallery{--template-width:240px;--template-scale:.302267;position:relative;min-width:0;overflow:hidden;border-radius:10px;background:#f3f5f2}
.marketing-page .m-template-showcase{min-width:0}
.marketing-page .m-template-rail{overflow-x:auto;overflow-y:hidden;padding:52px 0 64px;scrollbar-width:none;overscroll-behavior-x:contain}
.marketing-page .m-template-rail::-webkit-scrollbar{display:none}
.marketing-page .m-template-rail:focus-visible{outline-offset:-3px}
.marketing-page .m-template-track,.marketing-page .m-template-group{display:flex;width:max-content;align-items:start}
.marketing-page .m-template-group{gap:24px;padding-right:24px}
.marketing-page .m-template-card{width:var(--template-width);flex:0 0 auto;margin:0}
.marketing-page .m-template-sheet-slot{height:calc(var(--template-width) * 1.414358);display:grid;place-items:center}
.marketing-page .m-template-paper{position:relative;width:100%;aspect-ratio:var(--template-paper-ratio,794/1123);overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 7px 25px #263b2a0c}
.marketing-page .m-template-paper iframe{display:block;position:absolute;inset:0;width:var(--template-paper-width,794px);min-width:var(--template-paper-width,794px);max-width:none;height:var(--template-paper-height,1123px);border:0;transform:scale(var(--template-scale));transform-origin:top left;pointer-events:none;background:#fff}
.marketing-page [data-template-gallery][data-document="bill"] .m-template-gallery{--template-paper-width:1123px;--template-paper-height:794px;--template-paper-ratio:1123/794;--template-scale:.213713}
.marketing-page .m-template-card figcaption{display:grid;gap:1px;padding:14px 5px 0;text-align:center}
.marketing-page .m-template-card figcaption strong{font-size:13px;font-weight:500;line-height:1.4}
.marketing-page .m-template-card figcaption span{font-size:10px;color:#7b867e;line-height:1.5}
.marketing-page .m-template-controls{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.marketing-page .m-template-controls>span{font-size:9px;color:#7b867e}
.marketing-page .m-template-controls>div{display:flex;align-items:center;gap:5px}
.marketing-page .m-template-controls button{display:grid;place-items:center;width:auto;flex:0 0 auto;min-width:29px;height:29px;padding:5px;border:1px solid #dbe2da;border-radius:50%;background:#fff;color:#52665a;font:inherit;cursor:pointer}
.marketing-page .m-template-controls button:hover{border-color:#19844c;color:#19844c}
.marketing-page .m-template-controls button svg{width:15px;height:15px}
.marketing-page [data-template-previous] svg{transform:rotate(180deg)}
.marketing-page .m-template-controls .m-template-play{border-radius:50%;padding:5px;color:#21844d}
.marketing-page .m-template-document-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.marketing-page .m-template-document-tabs button{width:auto;flex:0 0 auto;padding:7px 10px;border:1px solid #dbe2da;border-radius:6px;background:#fff;color:#68786d;font:inherit;font-size:10px;line-height:1.5;cursor:pointer}
.marketing-page .m-template-document-tabs button[aria-pressed="true"]{background:#e8f2e7;border-color:#80a986;color:#216238}
.marketing-page .m-template-document-tabs button:hover{color:#19844c;border-color:#80a986}
.marketing-page .m-template-document-tabs abbr{display:none;text-decoration:none}
.marketing-page .m-template-document-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.marketing-page .m-template-layout{grid-template-columns:1fr;padding:30px;gap:32px}.marketing-page .m-template-copy>p:not(.m-eyebrow){max-width:100%}.marketing-page .m-template-copy h2{font-size:36px}.marketing-page .m-template-benefits{justify-content:flex-start;gap:35px}.marketing-page .m-template-benefits>div+div{padding-left:35px}}
@media(max-width:500px){.marketing-page .m-template-section{padding-block:55px}.marketing-page .m-template-layout{padding:24px;gap:28px}.marketing-page .m-template-copy h2{font-size:30px}.marketing-page .m-template-copy>p:not(.m-eyebrow){font-size:13px;margin-top:18px}.marketing-page .m-template-benefits{padding-block:17px;margin-top:22px;gap:20px}.marketing-page .m-template-benefits>div+div{padding-left:20px}.marketing-page .m-template-benefits strong{font-size:21px}.marketing-page .m-template-benefits span{font-size:11px}.marketing-page .m-template-gallery{--template-width:200px;--template-scale:.251889}.marketing-page .m-template-rail{padding:35px 0 76px}.marketing-page .m-template-controls{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:8px}.marketing-page .m-template-controls>div{margin-left:auto}.marketing-page .m-template-controls>span{font-size:8px}}
@media(max-width:500px){.marketing-page .m-template-document-tabs{gap:6px}.marketing-page .m-template-document-tabs button{padding:7px 11px}.marketing-page .m-template-document-tabs button>span{display:none}.marketing-page .m-template-document-tabs abbr{display:inline}.marketing-page [data-template-gallery][data-document="bill"] .m-template-gallery{--template-scale:.178094}}
/* A separate, compact subscription page reached from the Pricing navigation. */
.marketing-page .m-subscribe{max-width:1160px;padding:36px 0 60px}
.marketing-page .m-subscribe-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.marketing-page .m-subscribe-intro h1{font-size:36px;font-weight:500;letter-spacing:-.045em;line-height:1.2}
.marketing-page .m-subscribe-intro p{margin-top:8px;font-size:15px;color:var(--m-muted)}
.marketing-page .m-subscribe-tabs{display:flex;gap:6px;width:fit-content;padding:5px;margin:0;border:1px solid var(--m-line);border-radius:9px;background:#f8faf8}
.marketing-page .m-subscribe-tabs button{width:auto;flex:0 0 auto;border:0;border-radius:6px;padding:9px 18px;font:inherit;font-size:14px;color:var(--m-muted);background:transparent;cursor:pointer}
.marketing-page .m-subscribe-tabs button[aria-selected=true]{background:#fff;color:var(--m-ink);box-shadow:0 1px 5px #17251e13}
.marketing-page .m-subscribe-caption{margin-bottom:14px;color:var(--m-muted);font-size:13px}
.marketing-page .m-subscribe [hidden]{display:none!important}
.marketing-page .m-subscribe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.marketing-page .m-subscribe-card{display:flex;flex-direction:column;border:1px solid #d5ddd8;border-radius:12px;overflow:hidden;background:#fff}
.marketing-page .m-subscribe-card>header{padding:24px 27px;background:#e8f2e4;min-height:112px}
.marketing-page .m-subscribe-tone-1>header{background:#eee8f8}.marketing-page .m-subscribe-tone-2>header{background:#e4edf8}
.marketing-page .m-subscribe-card h2{font-size:27px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
.marketing-page .m-subscribe-card header p{color:#58635d;font-size:14px;margin-top:10px;line-height:1.5}
.marketing-page .m-subscribe-card-body{display:flex;flex-direction:column;flex:1;padding:24px 27px}
.marketing-page .m-subscribe-rates{display:grid;gap:20px;flex:1;align-content:start;min-height:156px}
.marketing-page .m-subscribe-rates>div{display:grid;gap:5px}
.marketing-page .m-subscribe-rates strong{font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-.045em;color:#182233;font-variant-numeric:tabular-nums}
.marketing-page .m-subscribe-rates span,.marketing-page .m-subscribe-rates>p{font-size:13px;color:var(--m-muted)}
.marketing-page .m-subscribe-seats{font-size:13px;margin:18px 0!important;color:var(--m-muted)}
.marketing-page .m-subscribe-continue{align-self:flex-start;font-size:14px;padding:10px 24px}
.marketing-page .m-subscribe-card-body small{display:block;color:var(--m-muted);font-size:12px;line-height:1.6;margin-top:19px}
.marketing-page .m-subscribe-credits{font-size:18px;font-weight:600;margin-bottom:24px}
.marketing-page #aiPricing .m-subscribe-rates{min-height:118px}
.marketing-page .m-subscribe-note{color:var(--m-muted);font-size:12px;margin:23px 0 0;line-height:1.7}
.marketing-page .m-subscribe-payment{font-size:12px;color:var(--m-muted);border-top:1px solid var(--m-line);padding-top:20px;margin-top:24px}
.marketing-page .m-subscribe-trial{font-size:13px;color:var(--m-muted);margin-top:12px}.marketing-page .m-subscribe-trial a{color:var(--m-green);font-weight:500}
@media(max-width:900px){.marketing-page .m-subscribe-grid{gap:14px}.marketing-page .m-subscribe-card>header,.marketing-page .m-subscribe-card-body{padding:23px}.marketing-page .m-subscribe-card h2{font-size:23px}.marketing-page .m-subscribe-rates strong{font-size:35px}}
@media(max-width:650px){.marketing-page .m-subscribe-heading{display:block}.marketing-page .m-subscribe-tabs{margin-top:22px}.marketing-page .m-subscribe{padding-top:36px}.marketing-page .m-subscribe-intro h1{font-size:33px}.marketing-page .m-subscribe-intro p{font-size:14px}.marketing-page .m-subscribe-grid{grid-template-columns:1fr;gap:22px}.marketing-page .m-subscribe-card>header{min-height:0}.marketing-page .m-subscribe-rates{min-height:0;gap:20px}.marketing-page #aiPricing .m-subscribe-rates{min-height:0;margin-bottom:26px}.marketing-page .m-subscribe-tabs button{padding:9px 13px}.marketing-page .m-subscribe-card h2{font-size:26px}}

/* Customer replies → evidence → guidance, within the shared Nessy demo device. */
.marketing-page .m-ai-flow{min-width:0;color:#28323e;font-size:12px;line-height:1.7}
.marketing-page .m-ai-flow button{font:inherit;cursor:pointer}
.marketing-page .m-ai-flow-scene[hidden]{display:none}
.marketing-page .m-ai-flow-scene h4{margin:0 0 14px;font-size:14px;font-weight:500;color:#28323e}
.marketing-page .m-ai-flow svg{width:17px;height:17px;flex:0 0 auto}
.marketing-page .m-ai-flow-note{font-size:10px!important;line-height:1.8;color:#81788e!important;margin:14px 0 0!important}
.marketing-page .m-ai-flow mark{background:#e6dcf7;color:#4d367b;padding:1px 2px}
.marketing-page .m-ai-flow-context{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:12px;background:#eee9f7;border-radius:6px;margin:18px 0;color:#7656ac;font-size:10px}
.marketing-page .m-ai-flow-context a{color:#6545c7;text-underline-offset:3px}
.marketing-page .m-ai-flow-file{display:flex;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid #dce0e7}
.marketing-page .m-ai-flow-file>div{flex:1;min-width:0}
.marketing-page .m-ai-flow-file small{display:block;color:#81788e;font-size:10px;margin-top:4px}
.marketing-page .m-ai-flow-file>span{font-size:9px;color:#648471}
.marketing-page .m-ai-flow button:focus-visible{outline:2px solid #7659cf;outline-offset:2px}

/* Provider scenes follow official Gmail / WhatsApp mobile references. */
.marketing-page .m-ai-device:has(.m-ai-chat-view:not([hidden]) [data-nessy-panel="connect"]:not([hidden]) .m-ai-flow-scene:not([hidden]) [data-channel-app]) :is(.m-ai-device-header,.m-ai-demo-order,.m-ai-demo-composer){display:none}
.marketing-page .m-ai-flow-scene:has([data-channel-app])>h4{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.marketing-page .m-channel{position:relative;min-height:426px;border:1px solid #e1e5e8;border-radius:12px;overflow:hidden;background:#fff;color:#202124;font-family:Arial,sans-serif;font-size:12px;line-height:1.5}
.marketing-page .m-channel-label{display:flex;justify-content:space-between;gap:8px;padding:7px 12px;background:#f8fafb;border-bottom:1px solid #e8ebee;color:#7b8287;font-size:8px;letter-spacing:.02em}
.marketing-page .m-channel-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:inherit}
.marketing-page .m-channel svg{width:18px;height:18px;flex:0 0 auto}
.marketing-page .m-channel-avatar{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-size:17px;font-weight:400;background:#f5cfb7;color:#813f28}
.marketing-page .m-channel-avatar.blue{background:#d5e5ff;color:#315c9f}.marketing-page .m-channel-avatar.sage{background:#dde8df;color:#577260}
.marketing-page .m-channel .m-channel-jump{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;padding:3px;border:0;background:transparent;color:inherit;border-radius:5px}
.marketing-page .m-gmail-search{display:flex;align-items:center;gap:14px;padding:10px 13px;margin:13px 12px 17px;border-radius:25px;background:#eaf1fb;color:#444746}
.marketing-page .m-gmail-search>span:nth-child(2){flex:1;font-size:13px}.marketing-page .m-gmail-search .m-channel-avatar{width:28px;height:28px;font-size:14px;border:2px solid white}
.marketing-page .m-gmail-inbox-label{padding:0 15px 8px;color:#6c7177;font-size:9px;letter-spacing:.07em}
.marketing-page .m-channel .m-gmail-row{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;border:0;width:100%;text-align:left;background:#fff;color:#202124;line-height:1.6}
.marketing-page .m-gmail-row.is-target{background:#f0f5ff;box-shadow:inset 3px 0 #4285f4}
.marketing-page .m-gmail-row-copy{flex:1;min-width:0}.marketing-page .m-gmail-row-copy :is(strong,b,small){display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.marketing-page .m-gmail-row-copy strong{font-size:12px;font-weight:600}.marketing-page .m-gmail-row-copy b{font-size:10px;font-weight:500}.marketing-page .m-gmail-row-copy small{font-size:10px;color:#62686e}
.marketing-page .m-gmail-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:13px;color:#697076;font-size:8px}.marketing-page .m-gmail-row-end svg{width:15px;height:15px}
.marketing-page .m-gmail-compose{display:flex;align-items:center;gap:10px;float:right;margin:10px 14px 16px;padding:13px 15px;border-radius:14px;background:#c2e7ff;color:#153b56;box-shadow:0 2px 4px #263f5a1a;font-size:12px}
.marketing-page .m-gmail-nav{clear:both;display:flex;justify-content:space-around;padding:9px 0;background:#eef3fc;color:#444746}
.marketing-page .m-gmail-nav>span{display:grid;justify-items:center;gap:2px;width:60px}.marketing-page .m-gmail-nav>span:first-child svg{box-sizing:content-box;background:#c2e7ff;border-radius:16px;padding:3px 17px}
.marketing-page .m-gmail-nav small{font-size:9px}
.marketing-page .m-gmail-actions{display:flex;gap:20px;padding:15px 12px;color:#555b61}.marketing-page .m-gmail-actions>span:nth-child(2){flex:1}
.marketing-page .m-gmail-subject{padding:4px 17px 20px;font-size:19px;line-height:1.4;font-weight:400}.marketing-page .m-gmail-subject>span{font-size:8px;background:#e8eaed;padding:2px 5px;border-radius:3px;vertical-align:middle;color:#62666a}
.marketing-page .m-gmail-sender{display:flex;align-items:center;gap:10px;padding:0 15px}.marketing-page .m-gmail-sender>div{flex:1}.marketing-page .m-gmail-sender strong{display:block;font-size:11px;font-weight:600}.marketing-page .m-gmail-sender time{font-weight:400;font-size:8px;color:#777;margin-left:8px}.marketing-page .m-gmail-sender small{font-size:9px;color:#666}
.marketing-page .m-gmail-letter{padding:0 18px 0 58px;font-size:11px;line-height:1.8}.marketing-page .m-gmail-letter p{font:inherit;color:#303134;margin:13px 0}.marketing-page .m-gmail-letter p>span{color:#74797d}
.marketing-page .m-channel-gmail mark{background:#e8f0fe;color:#174ea6;padding:1px 0}
.marketing-page .m-gmail-reply{display:inline-block;margin:6px 18px 18px 58px;padding:7px 12px;border:1px solid #dadce0;border-radius:20px;font-size:10px;color:#5f6368}
.marketing-page .m-channel-wa{color:#111b21}.marketing-page .m-wa-top{display:flex;align-items:center;justify-content:space-between;padding:17px 15px 10px;color:#198650}.marketing-page .m-wa-top>strong{font-size:21px;letter-spacing:-.5px;font-weight:600}.marketing-page .m-wa-top>span{display:flex;gap:18px;color:#26332e}
.marketing-page .m-wa-search{display:flex;gap:14px;align-items:center;background:#f1f3f3;border-radius:22px;padding:10px 14px;margin:0 13px;color:#7a858b;font-size:12px}
.marketing-page .m-wa-filters{display:flex;gap:7px;padding:12px 13px}.marketing-page .m-wa-filters span{width:auto;flex:0 0 auto;padding:4px 10px;border-radius:20px;background:#f1f3f3;color:#69746f;font-size:10px}.marketing-page .m-wa-filters .selected{background:#d9fdd3;color:#23724b}
.marketing-page .m-channel .m-wa-row{display:flex;align-items:center;gap:10px;width:100%;padding:14px 13px;text-align:left;background:white;border:0;line-height:1.7;color:#111b21}
.marketing-page .m-wa-row.is-target{background:#f0f8f1;box-shadow:inset 3px 0 #25d366}.marketing-page .m-wa-row>span:nth-child(2){flex:1;min-width:0}.marketing-page .m-wa-row strong{display:block;font-size:12px;font-weight:600}.marketing-page .m-wa-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#758187}.marketing-page .m-wa-row>span:last-child{display:grid;justify-items:end;gap:6px;font-size:8px;color:#7b878e}.marketing-page .m-wa-row.is-target time{color:#158b50}
.marketing-page .m-wa-unread{display:grid;place-items:center;width:16px;height:16px;background:#25d366;color:white;font-size:9px;border-radius:50%;font-weight:400}
.marketing-page .m-wa-new{display:grid;place-items:center;float:right;background:#1daa61;color:white;padding:13px;border-radius:13px;margin:4px 14px 12px;box-shadow:0 2px 5px #23382a20}
.marketing-page .m-wa-nav{display:flex;clear:both;justify-content:space-around;gap:5px;padding:10px 5px;border-top:1px solid #f0f2f4}.marketing-page .m-wa-nav>span{display:grid;justify-items:center;gap:3px;color:#67736c}.marketing-page .m-wa-nav small{font-size:8px}.marketing-page .m-wa-nav .selected svg{box-sizing:content-box;padding:2px 15px;background:#d9fdd3;border-radius:18px;color:#155e3c}
.marketing-page .m-wa-chat-header{display:flex;align-items:center;gap:9px;padding:12px 8px;background:#fff;border-bottom:1px solid #e9edeb}.marketing-page .m-wa-chat-header .m-channel-avatar{width:30px;height:30px;font-size:15px}.marketing-page .m-wa-chat-header>div{flex:1;min-width:0}.marketing-page .m-wa-chat-header strong{display:block;font-size:11px;font-weight:600}.marketing-page .m-wa-chat-header small{display:block;font-size:8px;color:#7e8882}.marketing-page .m-wa-chat-header>.m-channel-icon{margin-left:3px}
.marketing-page .m-wa-messages{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:14px 13px 24px;min-height:270px;background-color:#efeae2;background-image:radial-gradient(#b5ad9e25 1px,transparent 1px);background-size:13px 13px}
.marketing-page .m-wa-date{align-self:center;padding:3px 8px;background:#fff9;border-radius:6px;color:#67766d;font-size:8px;box-shadow:0 1px 1px #313d3115}
.marketing-page .m-wa-bubble{position:relative;max-width:89%;padding:9px 11px 6px;border-radius:0 8px 8px 8px;background:white;box-shadow:0 1px 1px #29372b26;line-height:1.8;font-size:11px}.marketing-page .m-wa-bubble.outgoing{align-self:flex-end;background:#d9fdd3;border-radius:8px 0 8px 8px}.marketing-page .m-wa-bubble time{display:block;text-align:right;color:#87958d;font-size:8px;line-height:1.3;margin-top:4px}.marketing-page .m-wa-bubble time span{color:#53bdeb;margin-left:3px}.marketing-page .m-channel-wa mark{background:#e1f4db;color:#215238;padding:0}
.marketing-page .m-wa-composer{display:flex;align-items:center;gap:7px;padding:8px;background:#efeae2}.marketing-page .m-wa-composer>span{display:flex;align-items:center;gap:9px;background:white;border-radius:23px;padding:10px;flex:1;color:#7c8882}.marketing-page .m-wa-composer>span>span{flex:1;font-size:12px}.marketing-page .m-wa-composer>i{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#1daa61;color:white}
@media(max-width:400px){.marketing-page .m-wa-chat-header{gap:5px}.marketing-page .m-wa-filters{gap:4px}.marketing-page .m-wa-filters span{padding:4px 7px}.marketing-page .m-gmail-letter{padding-left:18px}.marketing-page .m-gmail-reply{margin-left:18px}}

/* Chat-like activity summaries reveal the actions already performed. */
.marketing-page .m-ai-flow-intro{font-size:12px;line-height:1.85;color:#586675;margin:0 0 17px}
.marketing-page .m-ai-activity{margin:0 0 20px;color:#7b7685;font-size:11px}
.marketing-page .m-ai-activity>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;line-height:1.6;padding:4px 0;width:fit-content;max-width:100%}
.marketing-page .m-ai-activity>summary::-webkit-details-marker{display:none}
.marketing-page .m-ai-activity>summary>svg{width:17px;height:17px;color:#96909f}
.marketing-page .m-ai-activity-chevron{font-size:21px;line-height:1;transition:transform .15s ease;color:#918a9b}
.marketing-page .m-ai-activity[open] .m-ai-activity-chevron{transform:rotate(90deg)}
.marketing-page .m-ai-activity-log{display:grid;gap:3px;border-left:1px solid #e0dce7;padding:6px 0 2px 13px;margin:8px 0 0 8px}
.marketing-page .m-ai-activity-log button{display:flex;align-items:flex-start;gap:8px;text-align:left;width:100%;border:0;border-radius:5px;padding:8px 5px;background:transparent;color:#827b8b;font-size:10px;line-height:1.6}
.marketing-page .m-ai-activity-log button[hidden]{display:none}
.marketing-page .m-ai-activity-log button:hover{background:#eeeaf5}
.marketing-page .m-ai-activity-log button[aria-current="step"]{color:#68518a}
.marketing-page .m-ai-activity-log button>svg{width:14px;height:14px;margin-top:2px}
.marketing-page .m-ai-activity-log button>span:nth-child(2){flex:1;min-width:0}
.marketing-page .m-ai-activity-log strong{display:block;font-size:11px;font-weight:400}
.marketing-page .m-ai-activity-log small{display:block;font-size:9px;color:#96909f;margin-top:2px}
.marketing-page .m-ai-activity-state{color:#8b9b8b}
.marketing-page .m-ai-flow-scene>h4{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.marketing-page .m-ai-flow-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:14px}
.marketing-page .m-ai-flow-controls button{width:auto;flex:0 0 auto;border:0;background:transparent;font:inherit;font-size:10px;color:#93879e;padding:4px 0;cursor:pointer}
.marketing-page .m-ai-flow-controls button:hover{color:#6545c7}
.marketing-page .m-ai-flow[data-playing="true"] [data-nessy-flow-next],.marketing-page .m-ai-flow-controls button:disabled{display:none}
.marketing-page .m-ai-activity>summary:focus-visible{outline:2px solid #7659cf;outline-offset:3px;border-radius:3px}
@media(prefers-reduced-motion:reduce){.marketing-page .m-ai-activity-chevron{transition:none}}

/* Start the connected analysis with the same composer typing as the draft demo. */
.marketing-page .m-ai-flow[data-stage="typing"]>:not(.m-ai-flow-controls){display:none}
.marketing-page .m-ai-flow[data-stage="sent"] :is(.m-ai-activity,.m-ai-flow-scene){display:none}
.marketing-page .m-ai-flow:is([data-stage="typing"],[data-stage="sent"]) [data-nessy-flow-next]{display:none}
.marketing-page .m-ai-flow:has(.m-ai-flow-scene:not([hidden]) [data-channel-app])>[data-nessy-flow-request]{display:none}
.marketing-page [data-nessy-panel="connect"][data-flow-stage="typing"]{position:relative}
.marketing-page [data-nessy-panel="connect"][data-flow-stage="typing"] .m-ai-flow-controls{position:absolute;bottom:0;right:6px}

/* Workspace identity on the left, Nessy assistant identity on the right. */
.marketing-page .m-ai-device-header>.m-ai-workspace-brand{gap:7px;color:#28323e;flex:0 0 auto}
.marketing-page .m-ai-workspace-brand>img{width:30px;height:30px;flex:0 0 auto}
.marketing-page .m-ai-workspace-brand>span{display:grid;gap:2px;line-height:1.1}
.marketing-page .m-ai-workspace-brand small{font-size:8px;font-weight:500}
.marketing-page .m-ai-workspace-brand strong{font-size:18px;font-weight:700;letter-spacing:-.055em}
.marketing-page .m-ai-device-header>.m-ai-assistant-brand{gap:5px;margin-left:auto;flex:0 0 auto}
.marketing-page .m-ai-assistant-brand>img{width:24px;height:19px}
.marketing-page .m-ai-device-header .m-ai-assistant-brand .nessy-wordmark{font-size:20px}
@media(max-width:380px){.marketing-page .m-ai-device-header{gap:10px}.marketing-page .m-ai-workspace-brand strong{font-size:16px}.marketing-page .m-ai-device-header .m-ai-assistant-brand .nessy-wordmark{font-size:18px}}
.marketing-page .m-first-subscription-gift{padding:26px 30px;margin:26px 0 32px;border:1px solid #d9d0ea;border-radius:14px;background:#f3eefb;color:#384137}
.marketing-page .m-first-subscription-gift>span{font-size:10px;letter-spacing:.1em;color:#80639b}
.marketing-page .m-first-subscription-gift h2{font-size:30px;font-weight:500;margin:8px 0 12px;letter-spacing:-.035em;color:#594189}
.marketing-page .m-first-subscription-gift p,.marketing-page .m-first-subscription-gift li{font-size:13px;line-height:1.8}
.marketing-page .m-first-subscription-gift ul{padding-left:18px;margin:12px 0}
.marketing-page .m-first-subscription-gift small{font-size:11px;line-height:1.8;color:#776882}
.marketing-page .m-price-seat-picker{display:flex;gap:12px;margin-top:18px}
.marketing-page .m-price-seat-picker label{display:grid;gap:6px;flex:1;min-width:0;color:var(--m-muted);font-size:11px}
.marketing-page .m-price-seat-picker input{width:100%;height:34px;padding:6px 9px;border:1px solid var(--m-line);border-radius:5px;font:inherit;color:var(--m-ink);background:white;box-sizing:border-box}
.marketing-page .m-price-total{margin-top:18px;font-size:12px;color:var(--m-muted)}
.marketing-page .m-price-total strong{color:var(--m-ink);font-weight:600}
.marketing-page .m-subscribe-continue[aria-disabled="true"]{pointer-events:none;opacity:.5}
@media(max-width:650px){.marketing-page .m-first-subscription-gift{padding:22px}.marketing-page .m-first-subscription-gift h2{font-size:27px}}
.marketing-page .m-pricing-section-title{font-size:28px;line-height:1.2;margin:0 0 12px;font-weight:650;letter-spacing:-.6px}
.marketing-page #aiPricing{margin-top:64px;padding-top:44px;border-top:1px solid var(--m-line)}
@media(max-width:650px){.marketing-page .m-pricing-section-title{font-size:24px}.marketing-page #aiPricing{margin-top:42px;padding-top:30px}}

/* Canned Nessy conversations follow the site language, including inline source links. */
html:not([lang="zh-CN"]) .marketing-page [data-nessy-demo-copy="zh-CN"],
html[lang="zh-CN"] .marketing-page [data-nessy-demo-copy="en"]{display:none!important}

/* Nessy opens from the workspace before the chat demonstration begins. */
.marketing-page .m-ai-device-header>.m-ai-assistant-brand{display:flex;align-items:center;gap:5px;width:auto;flex:0 0 auto;padding:5px 0;border:0;background:transparent;color:#6545c7;cursor:pointer}
.marketing-page .m-ai-assistant-brand:focus-visible,.marketing-page .m-ai-app-back:focus-visible{outline:2px solid #9477ed;outline-offset:4px}
.marketing-page .m-ai-app-back{width:auto;flex:0 0 auto;margin:0 -5px 0 0;padding:3px;border:0;background:transparent;color:#6545c7;font-size:22px;cursor:pointer}
.marketing-page .m-ai-app-back[hidden],.marketing-page .m-ai-app-home[hidden]{display:none}
.marketing-page .m-ai-app-home{display:flex;flex:1;min-height:0;flex-direction:column;gap:14px;overflow-y:auto;padding:1px}
.marketing-page .m-ai-app-heading small{font-size:10px;color:#748275}
.marketing-page .m-ai-app-heading h3{font-size:22px;font-weight:600;line-height:1.3;margin:7px 0 0}
.marketing-page .m-ai-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.marketing-page .m-ai-app-stats>div{display:grid;gap:9px;padding:14px 12px;background:#fff;border:1px solid #e2e6e4;border-radius:10px}
.marketing-page .m-ai-app-stats span,.marketing-page .m-ai-app-order>span{font-size:10px;color:#6d7883}
.marketing-page .m-ai-app-stats strong{font-size:18px;font-weight:600;color:#263c30}
.marketing-page .m-ai-app-stats>div:last-child strong{color:#b17a23}
.marketing-page .m-ai-app-order{display:grid;gap:8px;padding:14px;border:1px solid #e2e6e4;border-radius:10px;background:#fff}
.marketing-page .m-ai-app-order>strong{font-size:13px;color:#6545c7;font-weight:500}
.marketing-page .m-ai-app-order p{font-size:12px;margin:0;color:#343e48}
.marketing-page .m-ai-app-order>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6d7883}
.marketing-page .m-ai-app-order>div strong{font-weight:500;color:#343e48}
.marketing-page .m-ai-app-launch{display:grid;justify-items:center;gap:12px;padding:17px 12px 22px;background:#f0ebfc;border:1px solid #e1d7f8;border-radius:12px;text-align:center}
.marketing-page .m-ai-app-launch p{font-size:12px;line-height:1.6;margin:0;color:#685884}
.marketing-page .m-ai-app-open{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;width:auto;flex:0 0 auto;margin:0;padding:11px 19px;background:#785be6;border:1px solid #785be6;border-radius:8px;color:#fff;font-size:13px;cursor:pointer}
.marketing-page .m-ai-app-open:hover{background:#6547cf}
.marketing-page .m-ai-app-pointer{display:none;position:absolute;right:2px;bottom:-18px;width:25px;height:30px;fill:#29322d;stroke:#fff;stroke-width:1.5;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}
.marketing-page [data-nessy-app-stage="clicking"] .m-ai-app-pointer{display:block;animation:nessy-entry-click .75s ease both}
.marketing-page [data-nessy-app-stage="clicking"] .m-ai-app-open{box-shadow:0 0 0 6px #ac94ee40}
.marketing-page .m-ai-app-navigation{display:flex;justify-content:space-around;gap:8px;margin-top:auto;padding:13px 0 0;border-top:1px solid #e2e6e4;color:#7b8591;font-size:10px}
.marketing-page .m-ai-app-navigation>span:first-child{color:#21844d}
@keyframes nessy-entry-click{0%{opacity:0;transform:translate(13px,12px)}40%{opacity:1;transform:translate(0,0)}65%{transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.marketing-page [data-nessy-app-stage="clicking"] .m-ai-app-pointer{animation:none}}

/* The review follows the in-app request, source reading and progressive reply. */
.marketing-page .m-ai-review-progress{display:none;align-items:center;gap:11px;padding:10px 0;color:#6b5989;font-size:12px;line-height:1.7}
.marketing-page .m-ai-review-progress img{width:32px;height:32px;flex:0 0 auto}
.marketing-page .m-ai-review-sources{padding:11px 12px;border:1px solid #e2dced;border-radius:9px;background:#f5f2fa;color:#66577b;font-size:11px;line-height:1.7}
.marketing-page .m-ai-review-sources[hidden],.marketing-page [data-review-part][hidden]{display:none}
.marketing-page .m-ai-review-sources summary{cursor:pointer}
.marketing-page .m-ai-review-sources>div{display:flex;flex-wrap:wrap;gap:7px 12px;padding-top:10px}
.marketing-page .m-ai-review-sources a{color:#6545c7;text-decoration:underline;text-underline-offset:3px}
.marketing-page [data-review-stage="typing"] :is([data-review-message],[data-review-answer],.m-ai-demo-footer),
.marketing-page [data-review-stage="sent"] :is([data-review-answer],.m-ai-demo-footer),
.marketing-page [data-review-stage="reading"] :is([data-review-answer],.m-ai-demo-footer),
.marketing-page [data-review-stage="generating"] :is([data-review-answer],.m-ai-demo-footer),
.marketing-page [data-review-stage="responding"] .m-ai-demo-footer{display:none}
.marketing-page :is([data-review-stage="reading"],[data-review-stage="generating"]) .m-ai-review-progress{display:flex}
.marketing-page .m-ai-device:has([data-review-stage="sent"]) .m-ai-demo-send{box-shadow:0 0 0 5px #ac94ee40}

/* Compare concrete trade work, then let visitors test their own time assumptions. */
.marketing-page .m-ai-token-copy h2 em{font-style:normal;color:var(--m-green)}
.marketing-page .m-ai-budget .m-ai-comparison-table td:last-child{background:#f4f0fa}
.marketing-page .m-ai-efficiency{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;margin-top:42px;padding:30px;border:1px solid #d9e4da;border-radius:18px;background:linear-gradient(120deg,#f1f6ed,#fafaf6)}
.marketing-page .m-ai-efficiency .m-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.06em;color:#55754c;margin-bottom:15px}
.marketing-page .m-ai-efficiency-intro h3{font-size:26px;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:0 0 23px;color:#25382a;text-wrap:balance}
.marketing-page .m-ai-budget-example{display:grid;gap:10px;margin-bottom:18px}
.marketing-page .m-ai-budget-example>span{font-size:12px;color:#657361}
.marketing-page .m-ai-budget-example>strong{font-size:36px;line-height:1.2;color:#237c49;font-weight:500;letter-spacing:-.03em}
.marketing-page .m-ai-budget-example small{margin-left:8px;font-size:13px;color:#657361;font-weight:400;letter-spacing:0}
.marketing-page .m-ai-efficiency-intro>p:not(.m-eyebrow){font-size:13px;line-height:1.8;color:#657361;margin:0 0 16px}
.marketing-page .m-ai-efficiency-intro .m-text-link{display:inline-flex;width:auto;flex:0 0 auto;font-size:12px;color:#267b4a}
.marketing-page .m-ai-efficiency-calculator{min-width:0}
.marketing-page .m-ai-efficiency-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.marketing-page .m-ai-efficiency-heading h4{font-size:16px;font-weight:500;margin:0;color:#263b2d}
.marketing-page .m-ai-efficiency-heading>span{font-size:10px;color:#7a6c43;padding:5px 8px;border:1px solid #e3d9b8;border-radius:5px;background:#fffaf0}
.marketing-page .m-ai-efficiency-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end}
.marketing-page .m-ai-efficiency-fields label{display:grid;gap:8px;min-width:0;font-size:11px;line-height:1.5;color:#59685b}
.marketing-page .m-ai-efficiency-fields label>div{position:relative}
.marketing-page .m-ai-efficiency-fields input{display:block;width:100%;height:42px;min-width:0;padding:10px 8px;border:1px solid #cdd9ce;border-radius:6px;background:#fff;color:#293c2e;font:inherit;font-size:14px}
.marketing-page .m-ai-efficiency-fields input:focus-visible{outline:2px solid #75a887;outline-offset:2px}
.marketing-page .m-ai-efficiency-fields input[aria-invalid="true"]{border-color:#ba544c}
.marketing-page .m-ai-efficiency-fields label>div>span{display:block;margin-top:5px;color:#7b867c;font-size:10px}
.marketing-page .m-ai-efficiency-assumptions{font-size:11px;line-height:1.7;color:#7b8377;margin:14px 0 18px}
.marketing-page .m-ai-efficiency-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:22px}
.marketing-page .m-ai-efficiency-metrics>div{display:grid;gap:9px;padding:15px 13px;border:1px solid #dce6da;background:#fff;border-radius:9px}
.marketing-page .m-ai-efficiency-metrics>div:first-child{background:#e5efdf;border-color:#c7daba}
.marketing-page .m-ai-efficiency-metrics strong{font-size:27px;line-height:1.2;color:#2b6d40;font-weight:500;letter-spacing:-.02em}
.marketing-page .m-ai-efficiency-metrics>div>span{font-size:10px;line-height:1.6;color:#677760}
.marketing-page .m-ai-efficiency-bars{display:grid;gap:12px}
.marketing-page .m-ai-efficiency-bars>div{display:grid;grid-template-columns:105px minmax(50px,1fr) auto;gap:12px;align-items:center;font-size:11px;color:#5e6d60}
.marketing-page .m-ai-efficiency-bars>div>div{height:9px;border-radius:8px;background:#e4e9df;overflow:hidden}
.marketing-page .m-ai-efficiency-bars i{display:block;height:100%;background:#aca9b6;border-radius:8px}
.marketing-page .m-ai-efficiency-bars>div:last-child i{background:#3e9061}
.marketing-page .m-ai-efficiency-bars strong{font-size:11px;font-weight:500;white-space:nowrap}
.marketing-page .m-ai-efficiency-note,.marketing-page .m-ai-efficiency-zero,.marketing-page .m-ai-efficiency-error{font-size:11px;line-height:1.7;margin-top:16px;color:#7b8377}
.marketing-page .m-ai-efficiency-zero{color:#8b6942}.marketing-page .m-ai-efficiency-error{color:#ab423a}
.marketing-page .m-ai-efficiency [hidden]{display:none}
@media(max-width:1050px){.marketing-page .m-ai-efficiency{grid-template-columns:1fr;gap:28px}.marketing-page .m-ai-efficiency-intro h3{max-width:500px}.marketing-page .m-ai-efficiency-intro>p{max-width:640px}}
@media(max-width:600px){.marketing-page .m-ai-efficiency{padding:23px 18px;margin-top:30px}.marketing-page .m-ai-efficiency-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-page .m-ai-efficiency-metrics{grid-template-columns:1fr}.marketing-page .m-ai-efficiency-metrics>div{display:flex;align-items:center;gap:16px}.marketing-page .m-ai-efficiency-metrics strong{min-width:88px}.marketing-page .m-ai-efficiency-bars>div{grid-template-columns:84px minmax(20px,1fr) auto;gap:7px}.marketing-page .m-ai-efficiency-intro h3{font-size:24px}}

/* The same export workflow travels from the road to the shipment handover. */
.marketing-page .m-mobile-trade{margin-top:68px;padding-top:52px;border-top:1px solid #e1e7df}
.marketing-page .m-mobile-trade-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:30px}
.marketing-page .m-mobile-trade-heading .m-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.07em;color:#658057;margin-bottom:15px}
.marketing-page .m-mobile-trade-heading h3{font-size:34px;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0;color:#243a2b}
.marketing-page .m-mobile-trade-heading h3 em{font-style:normal;color:#28834e}
.marketing-page .m-mobile-trade-heading>p{max-width:400px;margin:0;font-size:14px;line-height:1.85;color:#728075}
.marketing-page .m-mobile-trade-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:20px}
.marketing-page .m-mobile-trade-tabs{display:flex;align-items:center;gap:8px;min-width:0}
.marketing-page .m-mobile-trade-tabs button{display:inline-flex;align-items:center;gap:9px;width:auto;flex:0 0 auto;padding:11px 15px;border:1px solid #d7e1d4;border-radius:8px;background:#fff;color:#5f6d60;font-size:13px;white-space:nowrap;cursor:pointer}
.marketing-page .m-mobile-trade-tabs button>span{font-size:10px;color:#8a9883}
.marketing-page .m-mobile-trade-tabs button[aria-selected="true"]{color:#236e3f;background:#e9f0e3;border-color:#86a77c}
.marketing-page .m-mobile-trade-tabs button:focus-visible,.marketing-page .m-mobile-tour-controls button:focus-visible,.marketing-page .m-mobile-preview-toggle:focus-visible{outline:2px solid #75a887;outline-offset:3px}
.marketing-page .m-mobile-tour-controls{display:flex;align-items:center;gap:13px;flex:0 0 auto;font-size:11px;color:#83907d}
.marketing-page .m-mobile-tour-controls button{display:grid;place-items:center;width:auto;flex:0 0 auto;min-width:34px;height:34px;padding:0 9px;border:1px solid #d7e1d4;border-radius:50%;background:#fff;color:#4b7350;font-size:13px;cursor:pointer}
.marketing-page .m-mobile-trade-panel{display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;border:1px solid #dfe6db;border-radius:16px;background:#f5f7f1;animation:m-mobile-trade-reveal .3s ease}
.marketing-page .m-mobile-trade-panel[hidden],.marketing-page .m-mobile-trade [hidden]{display:none}
.marketing-page .m-mobile-scene-photo{position:relative;min-height:540px;min-width:0;background:#e6eadd}
.marketing-page .m-mobile-scene-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:43% center}
.marketing-page .m-mobile-location{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#fffffff0;box-shadow:0 2px 12px #243b2520;color:#345338;font-size:12px}
.marketing-page .m-mobile-location>span{color:#4a9464;font-size:8px}
.marketing-page .m-mobile-scene-work{min-width:0;padding:28px 30px}
.marketing-page .m-mobile-scene-work>h4{margin:0 0 11px;color:#273d2e;font-size:21px;font-weight:500;line-height:1.45;letter-spacing:-.02em}
.marketing-page .m-mobile-scene-description{margin:0;font-size:13px;line-height:1.8;color:#71806e}
.marketing-page .m-mobile-scene-steps{display:flex;flex-wrap:wrap;gap:5px 13px;margin:17px 0 20px;padding:0;list-style:none;color:#617653;font-size:10px;line-height:1.6}
.marketing-page .m-mobile-scene-steps>li{display:inline-flex;gap:6px;align-items:flex-start}
.marketing-page .m-mobile-scene-steps>li::before{content:'✓';color:#387b4b}
.marketing-page .m-mobile-app{padding:16px 17px;border:1px solid #d9e1d7;border-radius:11px;background:#fff;box-shadow:0 7px 18px #344f3510}
.marketing-page .m-mobile-app>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf0eb}
.marketing-page .m-mobile-app-brand{display:inline-flex;align-items:center;gap:6px;color:#263d2b}
.marketing-page .m-mobile-app-brand>strong{font-size:16px;font-weight:600;letter-spacing:-.04em}
.marketing-page .m-mobile-state{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px;background:#eaf3e7;color:#3d784a;font-weight:400}
.marketing-page :is([data-mobile-trade-panel="train"],[data-mobile-trade-panel="warehouse"]) .m-mobile-app>header>.m-mobile-state{background:#f0f1f3;color:#7a8190}
.marketing-page .m-mobile-document-type{margin:0 0 5px;color:#8a9385;font-size:10px}
.marketing-page .m-mobile-document-number{margin:0 0 8px;color:#2a6c44;font-size:16px;font-weight:500}
.marketing-page .m-mobile-document-customer{margin:0 0 14px;font-size:11px;color:#7b8876}
.marketing-page .m-mobile-document-values{display:grid;gap:10px}
.marketing-page .m-mobile-document-values>div{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:11px;line-height:1.6}
.marketing-page .m-mobile-document-values>div>span{color:#8a9385}
.marketing-page .m-mobile-document-values strong{max-width:67%;font-weight:500;color:#344533;text-align:right}
.marketing-page .m-mobile-document-note,.marketing-page .m-mobile-draft-hint{margin:14px 0 0;color:#7f8a77;font-size:10px;line-height:1.7}
.marketing-page .m-mobile-quantity{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;margin-bottom:13px;font-size:11px;color:#7f8a77}
.marketing-page .m-mobile-quantity>div{display:flex;align-items:center;gap:8px}
.marketing-page .m-mobile-quantity input{width:100%;height:32px;min-width:0;padding:6px 8px;border:1px solid #bfcfba;border-radius:5px;background:#fbfcfa;font-size:12px;color:#344533}
.marketing-page .m-mobile-quantity input:focus-visible{outline:2px solid #75a887;outline-offset:2px}
.marketing-page .m-mobile-quantity input[aria-invalid="true"]{border-color:#c16e61}
.marketing-page .m-mobile-preview-toggle{display:inline-flex;width:auto;flex:0 0 auto;margin-top:12px;padding:8px 12px;border:1px solid #30754b;border-radius:6px;background:#30754b;color:#fff;font-size:11px;cursor:pointer}
.marketing-page .m-mobile-preview-toggle:disabled{opacity:.5;cursor:default}
.marketing-page .m-mobile-document-preview{padding:13px;border:1px solid #e5e9e1;background:#fcfcf9;border-radius:6px}
.marketing-page .m-mobile-document-preview>p{font-size:11px;margin:0 0 12px;color:#5b6a56}
.marketing-page .m-mobile-quantity-error{font-size:10px;color:#a54e42;margin-top:10px}
.marketing-page .m-mobile-files{display:grid;gap:9px}
.marketing-page .m-mobile-files>span{display:flex;gap:10px;padding:8px 10px;border:1px solid #e8ece5;border-radius:5px;font-size:9px;color:#6d8b5b}
.marketing-page .m-mobile-files b{color:#6d7668;font-size:11px;font-weight:400;overflow-wrap:anywhere}
.marketing-page .m-mobile-trade-purpose{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:27px;padding:22px 0 0;border-top:1px solid #e1e7df}
.marketing-page .m-mobile-trade-purpose h4{margin:0;font-size:19px;font-weight:500;line-height:1.5;color:#344d38}
.marketing-page .m-mobile-trade-purpose p{margin:0;font-size:13px;line-height:1.85;color:#75816f}
@keyframes m-mobile-trade-reveal{from{opacity:.6}to{opacity:1}}
@media(max-width:1050px){.marketing-page .m-mobile-trade-tabs{overflow-x:auto;padding-bottom:3px}.marketing-page .m-mobile-scene-work{padding:23px}.marketing-page .m-mobile-trade-heading{gap:30px}.marketing-page .m-mobile-trade-panel{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.marketing-page .m-mobile-trade{margin-top:42px;padding-top:35px}.marketing-page .m-mobile-trade-heading{display:block}.marketing-page .m-mobile-trade-heading h3{font-size:29px}.marketing-page .m-mobile-trade-heading>p{margin-top:19px}.marketing-page .m-mobile-trade-toolbar{gap:10px}.marketing-page .m-mobile-tour-controls{gap:8px}.marketing-page .m-mobile-trade-tabs button{padding:10px 12px;font-size:12px}.marketing-page .m-mobile-trade-tabs button>span{display:none}.marketing-page .m-mobile-trade-panel{grid-template-columns:1fr}.marketing-page .m-mobile-scene-photo{min-height:0;aspect-ratio:1.5}.marketing-page .m-mobile-scene-work{padding:23px 20px}.marketing-page .m-mobile-trade-purpose{grid-template-columns:1fr;gap:12px;margin-top:22px}.marketing-page .m-mobile-location{top:13px;left:13px}}
@media(prefers-reduced-motion:reduce){.marketing-page .m-mobile-trade-panel{animation:none}}
.marketing-page .m-mobile-photo-upload{margin-top:13px;padding-top:13px;border-top:1px solid #e7ece3}
.marketing-page .m-mobile-photo-upload>button{display:inline-flex;align-items:center;gap:8px;width:auto;flex:0 0 auto;padding:9px 12px;border:1px solid #7f9f72;border-radius:6px;background:#eaf1e3;color:#38623d;font-size:12px;cursor:pointer}
.marketing-page .m-mobile-photo-upload>button svg{width:17px;height:17px}
.marketing-page .m-mobile-photo-upload>button:focus-visible{outline:2px solid #75a887;outline-offset:3px}
.marketing-page .m-mobile-photo-upload>p:not(.m-mobile-quantity-error){margin:9px 0 0;font-size:10px;line-height:1.7;color:#84907d}
.marketing-page .m-mobile-photo-preview{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:10px;border:1px solid #dce5d6;border-radius:7px;background:#f7faf4}
.marketing-page .m-mobile-photo-preview img{width:65px;height:54px;object-fit:cover;border-radius:4px;background:#e8ece3}
.marketing-page .m-mobile-photo-preview figcaption{display:grid;gap:7px;min-width:0;font-size:10px;color:#6b835c}
.marketing-page .m-mobile-photo-preview strong{font-size:11px;color:#596851;font-weight:400;overflow-wrap:anywhere}

/* A readable action caption follows the exact state shown inside the phone. */
.marketing-page .m-ai-action-status{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:12px 0 0;padding:0 7px;color:#d7c8f3;font-size:12px;line-height:1.75;text-align:center}
.marketing-page .m-ai-action-dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#b9a3ed}
.marketing-page [data-action-state="working"] .m-ai-action-dot{animation:m-nessy-thinking .8s ease-in-out infinite alternate}
.marketing-page [data-action-state="paused"]{color:#c3c7c0}
.marketing-page [data-action-state="paused"] .m-ai-action-dot{background:#a4aaa0}
.marketing-page [data-action-state="complete"]{color:#c4dfbc}
.marketing-page [data-action-state="complete"] .m-ai-action-dot{background:#8abc7a}
@media(prefers-reduced-motion:reduce){.marketing-page [data-action-state="working"] .m-ai-action-dot{animation:none}}

/* One readable work comparison; highlight practical advantages without a calculator. */
.marketing-page .m-ai-budget{padding-top:54px}
.marketing-page .m-ai-value-unified{padding:28px;border:1px solid #dbe4d7;border-radius:14px;background:#fff;color:#263b2d;scroll-margin-top:108px}
.marketing-page .m-ai-value-heading{margin-bottom:22px}
.marketing-page .m-ai-value-heading h2{font-size:30px;line-height:1.4;margin:0;font-weight:500;letter-spacing:-.025em}
.marketing-page .m-ai-value-heading h2 em{font-style:normal;color:var(--m-green)}
.marketing-page .m-ai-value-unified .m-ai-comparison-table caption{font-size:13px;color:#71806f;margin-bottom:14px}
.marketing-page .m-ai-value-unified .m-ai-comparison-table table{font-size:13px;line-height:1.75}
.marketing-page .m-ai-value-unified .m-ai-comparison-table :is(th,td){padding:16px 18px;overflow-wrap:anywhere;border-bottom-color:#dfe7df}
.marketing-page .m-ai-value-unified .m-ai-comparison-table th:first-child{width:21%;padding-left:16px}
.marketing-page .m-ai-value-unified .m-ai-comparison-table thead th{color:#657166;background:#f5f7f4;font-size:12px}
.marketing-page .m-ai-value-unified .m-ai-comparison-table thead th:last-child{color:#187342;background:#e7f2e8;font-weight:600}
.marketing-page .m-ai-value-unified .m-ai-comparison-table td:last-child{background:#f1f7f1;color:#536957}
.marketing-page .m-ai-advantage>strong{display:flex;align-items:baseline;gap:7px;margin-bottom:5px;color:#187342;font-weight:600;font-size:14px;line-height:1.5}
.marketing-page .m-ai-advantage>strong>svg{position:relative;top:2px;flex:0 0 16px}
.marketing-page .m-ai-advantage>span{display:block}
.marketing-page .m-ai-value-unified .m-ai-comparison-table>p{font-size:11px;line-height:1.7;color:#7b8675;margin:16px 0 0}
@media(max-width:600px){.marketing-page .m-ai-budget{padding-top:35px}.marketing-page .m-ai-value-unified{padding:20px 12px;border-radius:12px}.marketing-page .m-ai-value-heading{margin-bottom:16px}.marketing-page .m-ai-value-heading h2{font-size:24px}.marketing-page .m-ai-value-unified .m-ai-comparison-table :is(th,td){padding:12px 7px;font-size:12px}.marketing-page .m-ai-value-unified .m-ai-comparison-table th:first-child{width:23%;padding-left:7px}.marketing-page .m-ai-value-unified .m-ai-comparison-table thead th{font-size:11px}.marketing-page .m-ai-advantage>strong{font-size:12px;gap:4px}.marketing-page .m-ai-advantage>strong>svg{width:13px;height:13px;flex-basis:13px}}

/* Keep the document chain beside the workflow it describes. */
.marketing-page .m-workflow-documents{display:grid;grid-template-columns:1fr 2.6fr;align-items:center;gap:25px;padding:20px 24px;margin:0 0 32px;border:1px solid #e1e7dc;border-radius:10px;background:#f4f7ef}
.marketing-page .m-workflow-documents>span{font-size:10px;line-height:1.7;letter-spacing:.06em;color:#7a8971}
.marketing-page .m-workflow-documents>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.marketing-page .m-workflow-documents b{font-size:13px;line-height:1.6;font-weight:500;color:#40553d;white-space:nowrap}
.marketing-page .m-workflow-documents i{flex:0 0 auto;color:#91a182;font-style:normal;font-size:17px}
.marketing-page .m-workflow-documents i::before{content:'→'}
@media(max-width:760px){.marketing-page .m-workflow-documents{grid-template-columns:1fr;gap:13px;padding:18px;margin-bottom:26px;text-align:center}.marketing-page .m-workflow-documents>div{justify-content:center;flex-wrap:wrap;gap:10px}.marketing-page .m-workflow-documents b{font-size:11px}}

/* Keep document pages together; the five lifestyle photos form a separate rail below. */
.marketing-page .m-mobile-documents-title{font-size:19px;line-height:1.5;font-weight:500;color:#344e39;margin:0 0 20px}
.marketing-page .m-mobile-document-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.marketing-page .m-mobile-document-card{display:flex;flex-direction:column;min-width:0}
.marketing-page .m-mobile-document-card>h4{display:flex;align-items:flex-start;gap:9px;min-height:43px;margin:0 0 13px;font-size:15px;line-height:1.5;font-weight:500;color:#3d593e}
.marketing-page .m-mobile-document-card>h4>span{font-size:10px;line-height:23px;color:#91a087;flex:0 0 auto}
.marketing-page .m-mobile-document-card .m-mobile-app{flex:1;padding:15px 13px;box-shadow:0 4px 16px #344f350a}
.marketing-page [data-mobile-trade-document-card="train"] .m-mobile-app>header>.m-mobile-state,.marketing-page [data-mobile-trade-document-card="warehouse"] .m-mobile-app>header>.m-mobile-state{background:#f0f1f3;color:#7a8190}
.marketing-page .m-mobile-photo-gallery{margin-top:36px;padding-top:26px;border-top:1px solid #e1e7df}
.marketing-page .m-mobile-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.marketing-page .m-mobile-photo-heading h4{font-size:19px;font-weight:500;line-height:1.5;color:#344e39;margin:0}
.marketing-page .m-mobile-photo-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.marketing-page .m-mobile-photo-controls button{display:grid;place-items:center;width:auto;flex:0 0 auto;min-width:34px;height:34px;padding:0 9px;border:1px solid #d7e1d4;border-radius:50%;background:#fff;color:#4b7350;font-size:16px;cursor:pointer}
.marketing-page .m-mobile-photo-controls button:focus-visible,.marketing-page .m-mobile-photo-rail:focus-visible,.marketing-page .m-mobile-document-gallery:focus-visible{outline:2px solid #75a887;outline-offset:3px}
.marketing-page .m-mobile-photo-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9fb596 #edf2e8;padding:3px 1px 14px;direction:inherit}
.marketing-page .m-mobile-photo-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 32px)/3);min-width:0;margin:0;overflow:hidden;scroll-snap-align:start;border:1px solid #e0e7db;border-radius:12px;background:#f7f9f3}
.marketing-page .m-mobile-photo-card>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:43% center;user-select:none}
.marketing-page .m-mobile-photo-card figcaption{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 17px}
.marketing-page .m-mobile-photo-card figcaption>strong{font-size:15px;line-height:1.5;font-weight:500;color:#375c3c}
.marketing-page .m-mobile-photo-card figcaption>span{font-size:12px;line-height:1.7;color:#78876f}
.marketing-page .m-mobile-photo-card figcaption>small{font-size:10px;line-height:1.6;color:#8b947f}
html[dir="rtl"] .marketing-page .m-mobile-photo-controls button>span{transform:scaleX(-1)}
@media(max-width:1100px){.marketing-page .m-mobile-document-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.marketing-page .m-mobile-document-card>h4{min-height:0}.marketing-page .m-mobile-photo-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:760px){.marketing-page .m-mobile-document-gallery{display:flex;gap:16px;overflow-x:auto;padding:3px 1px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.marketing-page .m-mobile-document-card{flex:0 0 86%;scroll-snap-align:start}.marketing-page .m-mobile-documents-title,.marketing-page .m-mobile-photo-heading h4{font-size:17px}.marketing-page .m-mobile-photo-heading{gap:12px}.marketing-page .m-mobile-photo-card{flex-basis:82%}.marketing-page .m-mobile-photo-gallery{margin-top:27px;padding-top:23px}.marketing-page .m-mobile-photo-card figcaption{padding:14px}}

/* Each travel photo carries the document details relevant to that moment. */
.marketing-page .m-mobile-photo-card figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.95fr);align-items:start;gap:13px;padding:16px}
.marketing-page .m-mobile-scene-summary{display:grid;gap:9px;min-width:0}
.marketing-page .m-mobile-scene-summary>strong{font-size:15px;line-height:1.5;font-weight:500;color:#375c3c}
.marketing-page .m-mobile-scene-summary>span{font-size:12px;line-height:1.8;color:#78876f}
.marketing-page .m-mobile-scene-summary>small{font-size:10px;line-height:1.7;color:#8b947f}
.marketing-page .m-mobile-scene-document{min-width:0;padding:11px 10px;border:1px solid #dce5d7;border-radius:8px;background:#fff;box-shadow:0 3px 10px #38513508}
.marketing-page .m-mobile-scene-document>span{display:block;font-size:9px;line-height:1.5;color:#99a18e;margin-bottom:8px}
.marketing-page .m-mobile-scene-document>strong{display:block;font-size:11px;line-height:1.5;color:#426b44;font-weight:500}
.marketing-page .m-mobile-scene-document>small{display:block;max-width:100%;font-size:9px;line-height:1.6;color:#7a8c70;overflow-wrap:anywhere;margin-top:4px;text-align:start}
.marketing-page .m-mobile-scene-document dl{display:grid;gap:7px;margin:10px 0 0;padding-top:9px;border-top:1px solid #edf0e9}
.marketing-page .m-mobile-scene-document dl>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6px;align-items:start;font-size:9px;line-height:1.65}
.marketing-page .m-mobile-scene-document dt{color:#8a9580}
.marketing-page .m-mobile-scene-document dd{margin:0;color:#566b4c;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:760px){.marketing-page .m-mobile-photo-card figcaption{grid-template-columns:minmax(0,1fr) minmax(132px,1.05fr);gap:10px;padding:13px}.marketing-page .m-mobile-scene-summary>strong{font-size:14px}.marketing-page .m-mobile-scene-summary>span{font-size:11px}}
.marketing-page .m-mobile-scene-document>span{font-size:10px;color:#65765b}
.marketing-page .m-mobile-scene-document>strong{font-size:12px}
.marketing-page .m-mobile-scene-document>small{color:#607653}
.marketing-page .m-mobile-scene-document dl>div{font-size:10px}
.marketing-page .m-mobile-scene-document dt{color:#6e7f64}
.marketing-page .m-mobile-scene-document dd{color:#4c6243}
/* The scene rail now follows the section introduction directly. */
.marketing-page .m-mobile-trade>.m-mobile-photo-gallery{margin-top:0;padding-top:0;border-top:0}
/* Continuous scene strip: no heading, controls, footer or scroll snapping. */
.marketing-page .m-mobile-trade{padding-top:0;border-top:0}
.marketing-page .m-mobile-photo-rail{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;padding-bottom:3px}
.marketing-page .m-mobile-photo-rail::-webkit-scrollbar{display:none}
.marketing-page .m-mobile-photo-card{scroll-snap-align:none}
/* Workflow visuals are unmodified captures of the real demo workspace. */
.marketing-page .m-step-screenshot{display:block;width:100%;height:auto;aspect-ratio:1.55;margin-bottom:27px;padding:0;border:1px solid #dde4dd;background:#f4f6f3;cursor:zoom-in;box-shadow:0 5px 18px #24382108}
.marketing-page .m-step-screenshot img{display:block;width:100%;height:100%;object-fit:contain}
.marketing-page .m-step-screenshot:focus-visible{outline:2px solid #19844c;outline-offset:4px}
.marketing-page .m-workflow-screenshot-dialog{position:fixed;width:min(1260px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:42px 12px 12px;border:1px solid #dce4db;border-radius:12px;background:#f6f8f5;box-shadow:0 20px 80px #15251b55;overflow:auto}
.marketing-page .m-workflow-screenshot-dialog::backdrop{background:#14201b99}
.marketing-page .m-workflow-screenshot-dialog>button{position:absolute;inset-inline-end:9px;top:5px;width:auto;flex:0 0 auto;min-width:32px;height:32px;border:0;border-radius:5px;background:transparent;color:#263e2d;font-size:26px;cursor:pointer}
.marketing-page .m-workflow-screenshot-dialog>img{display:block;max-width:100%;max-height:calc(100dvh - 105px);width:auto;height:auto;margin:auto;object-fit:contain}
@media(max-width:600px){.marketing-page .m-step-screenshot{margin-bottom:18px}.marketing-page .m-workflow-screenshot-dialog{width:calc(100vw - 16px);padding-inline:6px}}
.marketing-page .m-ai-tour-toggle{display:block;width:auto;flex:0 0 auto;margin:2px auto 0;padding:5px 12px;border:1px solid #796b91;border-radius:6px;background:transparent;color:#d7c8f3;font:inherit;font-size:11px;cursor:pointer}
.marketing-page .m-ai-tour-toggle:focus-visible{outline:2px solid #bba1fa;outline-offset:3px}
.marketing-page .m-ai-tour-toggle[hidden]{display:none}
/* Compact, continuous 1→4 / 8←5 flow; full-size captures stay in the dialog. */
.marketing-page #workflow{padding-top:32px;padding-bottom:48px;scroll-margin-top:88px}
.marketing-page #workflow>.m-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:none;margin-bottom:22px;text-align:start}
.marketing-page #workflow>.m-section-heading>.m-eyebrow{display:none}
.marketing-page #workflow>.m-section-heading h2{font-size:clamp(26px,2.4vw,34px);margin:0}
.marketing-page #workflow>.m-section-heading>p:last-child{max-width:480px;margin:0;font-size:13px;text-align:end}
.marketing-page .m-workflow-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:'draft quote seal sc deposit' 'tracking shipping balance pl ci';gap:32px 28px}
.marketing-page .m-workflow-card{scroll-margin-top:115px;padding:10px;border:1px solid #dce5dd;border-radius:12px;background:#fff;box-shadow:0 4px 16px #24382105;min-width:0}
.marketing-page #workflow-draft{grid-area:draft}.marketing-page #workflow-quote{grid-area:quote}.marketing-page #workflow-seal{grid-area:seal}.marketing-page #workflow-sc{grid-area:sc}.marketing-page #workflow-deposit{grid-area:deposit}.marketing-page #workflow-ci{grid-area:ci}.marketing-page #workflow-pl{grid-area:pl}.marketing-page #workflow-balance{grid-area:balance}.marketing-page #workflow-shipping{grid-area:shipping}.marketing-page #workflow-tracking{grid-area:tracking}
.marketing-page .m-workflow-card:not(:last-child)::after{content:'→';position:absolute;left:100%;top:50%;width:28px;text-align:center;color:#72a183;font-size:22px;line-height:1;pointer-events:none}
.marketing-page .m-workflow-card:nth-child(5)::after{content:'↓';top:100%;left:50%;height:32px;display:grid;place-items:center;transform:translateX(-50%)}
.marketing-page .m-workflow-card:nth-child(n+6):not(:last-child)::after{content:'←';left:auto;right:100%}
.marketing-page .m-step-number{display:flex;align-items:center;gap:8px;margin-bottom:9px;text-decoration:none;width:fit-content}
.marketing-page .m-step-number>b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#e9f3eb;color:#19844c;font-size:10px;font-weight:600;letter-spacing:0}
.marketing-page .m-step-number>span{color:#56734d;font-size:11px;letter-spacing:0}
.marketing-page .m-workflow-card .m-step-screenshot{height:110px;aspect-ratio:auto;margin-bottom:9px;border-radius:7px;box-shadow:none}
.marketing-page .m-step-enlarge{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #dce5dd;border-radius:5px;background:#fffffff0;color:#19844c;font-size:14px}
.marketing-page .m-workflow-card h3{font-size:14px;line-height:1.4;min-height:20px;margin:0 0 5px;letter-spacing:0}
.marketing-page .m-workflow-actions{display:flex;flex-wrap:wrap;gap:2px 6px;margin:0;padding:0;list-style:none}
.marketing-page .m-workflow-actions>li{display:inline-flex;align-items:center;gap:6px;color:#71816e;font-size:10px;line-height:1.5}
.marketing-page .m-workflow-actions>li+li:before{content:'→';color:#94a389}
.marketing-page .m-workflow-documents{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;margin:0 0 14px;border:0;background:none;text-align:start}
.marketing-page .m-workflow-documents>span{margin:0;font-size:10px}
.marketing-page .m-workflow-documents>span:last-child{letter-spacing:0;color:#19844c}
.marketing-page .m-workflow-screenshot-dialog>[data-workflow-caption]{max-width:850px;margin:12px auto 0;color:#536b53;font-size:13px;line-height:1.7}
.marketing-page .m-workflow-screenshot-dialog>img{max-height:calc(100dvh - 165px)}
@media(max-width:1100px){.marketing-page #workflow>.m-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.marketing-page #workflow>.m-section-heading>p:last-child{text-align:start}.marketing-page .m-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'draft quote' 'sc seal' 'deposit ci' 'balance pl' 'shipping tracking';gap:26px}.marketing-page .m-workflow-card:not(:last-child)::after{content:'→';left:100%;right:auto;top:50%;width:26px;height:auto;display:block;transform:none}.marketing-page .m-workflow-card:nth-child(4n+2):not(:last-child)::after{content:'↓';left:50%;top:100%;height:26px;display:grid;place-items:center;transform:translateX(-50%)}.marketing-page .m-workflow-card:nth-child(4n+3):not(:last-child)::after{content:'←';left:auto;right:100%}.marketing-page .m-workflow-card:nth-child(4n+4):not(:last-child)::after{content:'↓';left:50%;right:auto;top:100%;height:26px;display:grid;place-items:center;transform:translateX(-50%)}.marketing-page .m-workflow-card .m-step-screenshot{height:130px}.marketing-page .m-workflow-card h3{min-height:0}}
@media(max-width:420px){.marketing-page .m-workflow-grid{gap:24px 20px}.marketing-page .m-workflow-card{padding:7px}.marketing-page .m-step-number{gap:5px}.marketing-page .m-step-number>span{font-size:10px}.marketing-page .m-workflow-card .m-step-screenshot{height:88px}.marketing-page .m-workflow-card h3{font-size:12px}.marketing-page .m-workflow-actions>li{font-size:9px}.marketing-page .m-workflow-card:not(:last-child)::after{width:20px;font-size:18px}.marketing-page .m-workflow-documents{align-items:flex-start;flex-direction:column;gap:4px}}
/* Playback actions use the same compact icons inside and beneath the chat. */
.marketing-page .m-ai-tour-toggle,.marketing-page .m-ai-demo-replay,.marketing-page .m-ai-flow-controls [data-nessy-flow-play]{display:inline-grid;place-items:center;width:auto;flex:0 0 auto;min-width:34px;height:34px;padding:8px;border:1px solid #b4a5cf;border-radius:50%;background:transparent;cursor:pointer}
.marketing-page .m-ai-tour-toggle{display:grid;max-width:34px;margin:6px auto 0;border-color:#796b91;color:#d7c8f3}
.marketing-page .m-ai-demo-replay{margin-top:7px;color:#7655b6}
.marketing-page .m-ai-tour-toggle>svg,.marketing-page .m-ai-demo-replay>svg,.marketing-page .m-ai-flow-controls [data-nessy-flow-play]>svg{display:block;width:17px;height:17px}
.marketing-page .m-ai-tour-toggle:hover{background:#b89fe51a}.marketing-page .m-ai-demo-replay:hover,.marketing-page .m-ai-flow-controls [data-nessy-flow-play]:hover{background:#7956bc0d}
.marketing-page .m-ai-demo-replay:focus-visible,.marketing-page .m-ai-flow-controls [data-nessy-flow-play]:focus-visible{outline:2px solid #a885e4;outline-offset:3px}
.marketing-page .m-ai-tour-toggle[hidden],.marketing-page .m-ai-demo-replay[hidden]{display:none}

/* Public community introduction: concise rows, compact actions and expandable rules. */
.marketing-page .m-community-page{overflow-wrap:anywhere}
.marketing-page .m-community-hero{padding:32px 0 44px;background:#f5f8f2;border-bottom:1px solid var(--m-line)}
.marketing-page .m-community-back{display:inline-block;margin-bottom:36px;color:var(--m-muted);font-size:12px}
.marketing-page .m-community-hero-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px}
.marketing-page .m-community-hero-layout>div{min-width:0}
.marketing-page .m-community-preview{min-width:0;margin:0;border:1px solid #dce5dd;border-radius:14px;background:#fff;box-shadow:0 14px 38px #2438210d;overflow:hidden}
.marketing-page .m-community-preview-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 15px;border-bottom:1px solid var(--m-line);font-size:12px;color:#365a45}
.marketing-page .m-community-preview-bar small{font-size:11px;color:var(--m-muted)}
.marketing-page .m-community-preview-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:#fff;cursor:zoom-in;line-height:0}
.marketing-page .m-community-preview-open>img{display:block;width:100%;height:auto;aspect-ratio:2018/748;object-fit:contain}
.marketing-page .m-community-preview-open>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #dce5dd;border-radius:6px;background:#fffffff2;color:#19844c;font-size:18px;line-height:1}
.marketing-page .m-community-preview figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px 14px;padding:12px 15px;border-top:1px solid var(--m-line);font-size:11px;line-height:1.7;color:var(--m-muted)}
.marketing-page .m-community-preview figcaption>a,.marketing-page .m-community-preview-caption>a{width:auto;flex:0 0 auto;max-width:100%;color:#19844c;text-decoration:underline;text-underline-offset:3px}
.marketing-page .m-community-preview-dialog{position:fixed;inset:0;width:min(1500px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;margin:auto;padding:42px 16px 16px;border:1px solid #dce5dd;border-radius:14px;background:#fff;color:var(--m-ink);box-sizing:border-box;box-shadow:0 20px 80px #17251e35}
.marketing-page .m-community-preview-dialog::backdrop{background:#14251db3}
.marketing-page .m-community-preview-dialog>[data-community-preview-close]{position:absolute;top:7px;right:10px;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#365a45;font-size:25px;line-height:1;cursor:pointer}
.marketing-page .m-community-preview-dialog>img{display:block;width:100%;height:auto;max-height:calc(94dvh - 130px);object-fit:contain}
.marketing-page .m-community-preview-caption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:14px 4px 0;font-size:12px;line-height:1.7;color:var(--m-muted)}
.marketing-page .m-community-preview-caption>p{margin:0}
@media(max-width:1050px){.marketing-page .m-community-hero-layout{grid-template-columns:minmax(0,1fr);gap:28px}.marketing-page .m-community-preview{width:100%;max-width:820px}.marketing-page .m-community-back{margin-bottom:24px}}
.marketing-page .m-community-hero h1{font-size:clamp(36px,4.2vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1.16;margin:16px 0 20px}
.marketing-page .m-community-hero h1 em{font-style:normal;color:#19844c}
.marketing-page .m-community-lead{max-width:670px;font-size:16px;line-height:1.8;color:var(--m-muted)}
.marketing-page .m-community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.marketing-page .m-community-actions>.m-button,.marketing-page .m-community-end .m-button{width:auto;flex:0 0 auto;max-width:100%}
.marketing-page .m-community-access{margin:16px 0 0;font-size:12px;line-height:1.7;color:var(--m-muted)}
.marketing-page .m-community-purpose,.marketing-page .m-community-join{padding-top:44px;padding-bottom:0}
.marketing-page .m-community-page h2{font-size:26px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 20px}
.marketing-page .m-community-purpose-list{border-top:1px solid var(--m-line)}
.marketing-page .m-community-purpose-list article{display:grid;grid-template-columns:35px minmax(150px,.55fr) minmax(0,1fr);align-items:baseline;gap:22px;padding:21px 0;border-bottom:1px solid var(--m-line)}
.marketing-page .m-community-purpose-list article>span{font-size:12px;color:#718869}
.marketing-page .m-community-purpose-list h3{font-size:17px;font-weight:500;margin:0}
.marketing-page .m-community-purpose-list p{margin:0;color:var(--m-muted);font-size:14px;line-height:1.8}
.marketing-page .m-community-join ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:decimal-leading-zero;padding:0 0 0 24px;margin:0}
.marketing-page .m-community-join li{padding-left:5px;color:#19844c;font-size:12px}
.marketing-page .m-community-join strong{display:block;font-size:16px;font-weight:500;color:var(--m-ink);margin-bottom:9px}
.marketing-page .m-community-join li>span{display:block;color:var(--m-muted);line-height:1.8;font-size:13px}
.marketing-page .m-community-rules{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;padding-top:56px;padding-bottom:36px;scroll-margin-top:108px}
.marketing-page .m-community-rules>div>p:not(.m-eyebrow){color:var(--m-muted);font-size:14px;line-height:1.8;max-width:300px}
.marketing-page .m-community-rule-list details{border-top:1px solid var(--m-line);padding:18px 0}
.marketing-page .m-community-rule-list details:last-child{border-bottom:1px solid var(--m-line)}
.marketing-page .m-community-rule-list summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;cursor:pointer;font-size:15px;list-style:none}
.marketing-page .m-community-rule-list summary::-webkit-details-marker{display:none}
.marketing-page .m-community-rule-list summary>span{flex:0 0 auto;color:#19844c;transition:transform .15s}
.marketing-page .m-community-rule-list details[open] summary>span{transform:rotate(45deg)}
.marketing-page .m-community-rule-list details>p{font-size:13px;line-height:1.9;color:var(--m-muted);margin:14px 0 0}
.marketing-page .m-community-rule-list [data-community-contact]{display:inline-block;margin-top:12px;color:#19844c;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.marketing-page .m-community-law{border-top:1px solid var(--m-line);padding-top:24px;padding-bottom:32px}
.marketing-page .m-community-law h2{font-size:15px;margin-bottom:8px}
.marketing-page .m-community-law p{font-size:12px;line-height:1.8;color:var(--m-muted);margin:0 0 14px}
.marketing-page .m-community-law ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:0}
.marketing-page .m-community-law a{font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:3px;color:var(--m-muted)}
.marketing-page .m-community-end{background:#f5f8f2;padding:30px 0}
.marketing-page .m-community-end>.m-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.marketing-page .m-community-end h2{margin:0;font-size:24px}
.marketing-page .m-community-page :is(a,summary):focus-visible{outline:2px solid #19844c;outline-offset:5px;border-radius:3px}
@media(max-width:700px){.marketing-page .m-community-hero{padding-top:24px;padding-bottom:32px}.marketing-page .m-community-back{margin-bottom:24px}.marketing-page .m-community-lead{font-size:15px}.marketing-page .m-community-purpose-list article{grid-template-columns:25px minmax(0,1fr);gap:6px 12px;padding:17px 0}.marketing-page .m-community-purpose-list article p{grid-column:2}.marketing-page .m-community-join ol{grid-template-columns:1fr;gap:20px}.marketing-page .m-community-rules{grid-template-columns:1fr;gap:12px;padding-top:40px}.marketing-page .m-community-page h2{font-size:24px}.marketing-page .m-community-rules>div>p:not(.m-eyebrow){max-width:none}.marketing-page .m-community-law h2{font-size:15px}.marketing-page .m-community-end h2{font-size:21px}}

.marketing-page .m-login-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--m-line);border-radius:16px;color:var(--m-ink);background:#fff;box-shadow:0 20px 70px #153d2b26}
.marketing-page .m-login-dialog::backdrop{background:#10271c66}
.marketing-page .m-login-card{position:relative;padding:32px}
.marketing-page .m-login-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:25px;cursor:pointer;color:var(--m-muted)}
.marketing-page .m-login-card h2{font-size:25px;margin:0 0 6px}
.marketing-page .m-login-card>p{font-size:13px;color:var(--m-muted)}
.marketing-page .m-login-card form{display:grid;gap:16px;margin:24px 0 18px}
.marketing-page .m-login-card label{display:grid;gap:6px;font-size:14px;font-weight:500}
.marketing-page .m-login-card input:not([type=checkbox]){width:100%;min-width:0;padding:11px 12px;border:1px solid var(--m-line);border-radius:7px;background:#fff;color:var(--m-ink);font:inherit}
.marketing-page .m-login-card .m-login-remember{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400}
.marketing-page .m-login-card .m-login-remember input{accent-color:var(--m-green)}
.marketing-page .m-login-card .m-button{justify-self:start;cursor:pointer}
.marketing-page .m-login-error{color:#b3261e;font-size:13px}
.marketing-page .m-login-card>a{font-size:13px;color:var(--m-green)}
.marketing-page .m-subscribe-card>header{position:relative}
.marketing-page .m-current-plan{position:absolute;top:12px;right:12px;display:inline-block;margin-bottom:10px;padding:3px 9px;border-radius:20px;background:#e9f5ec;color:#19844c;font-size:12px}

.m-price-promotion { display:inline-block; margin-top:8px; padding:3px 8px; border-radius:6px; background:#eaf6ed; color:#176c38; font-size:13px; overflow-wrap:anywhere; }
.m-price-regular { display:block; color:var(--m-muted,#6d7589); font-size:14px; font-weight:400; }

/* Importer Clip introduction. */
.m-importers{padding-top:60px}.m-importer-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:54px 94px}.m-importer-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin:24px 0}.m-importer-hero h1 em{color:#258354;font-style:normal}.m-importer-hero>div>p:not(.m-eyebrow){max-width:470px;line-height:1.8;color:#6d7589}.m-importer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 20px}.m-importer-hero>div>small{display:block;color:#7c8794;font-size:11px;max-width:400px;line-height:1.7}.m-importer-illustration{padding:28px;background:#eff4ef;border:1px solid #dce8de;border-radius:18px;transform:rotate(-2deg);box-shadow:0 25px 70px #183f1810}.m-importer-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #d6e2d6;font-size:18px}.m-importer-mini-nav b{font-weight:400}.m-importer-mini-nav>span:last-child{font-size:7px;letter-spacing:1px;color:#829488}.m-importer-mini-heading{font-size:20px;padding:22px 0;color:#274d38}.m-importer-mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.m-importer-mini-cards>div{background:white;padding:22px;border:1px solid #e1e9e1;border-radius:8px}.m-importer-mini-cards>div>span{display:block;font-size:32px;color:#81a18c;margin-bottom:15px}.m-importer-mini-cards i{display:block;width:80%;height:3px;background:#e3eae5;margin-bottom:6px}.m-importer-mini-cards i:nth-of-type(3){width:55%}.m-importer-mini-cards strong{font-size:11px;font-weight:500;display:block;margin-top:20px;color:#2b4837}.m-importer-mini-cards small{font-size:7px;display:block;margin-top:7px;color:#8b9a90}.m-importer-illustration>p{font-size:9px!important;max-width:none!important;text-align:center;margin:25px 0 0;color:#6b8976!important}.m-importer-flow{padding-block:75px;border-top:1px solid #e3e7ed}.m-importer-flow h2,.m-importer-privacy h2{font-size:clamp(30px,3.7vw,43px);line-height:1.25;font-weight:500;letter-spacing:-1px}.m-importer-flow>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.m-importer-flow article>span{font-size:11px;color:#258354;letter-spacing:2px}.m-importer-flow h3{font-size:20px;font-weight:500}.m-importer-flow article p,.m-importer-privacy p:not(.m-eyebrow){font-size:14px;line-height:1.9;color:#6d7589}.m-importer-privacy{padding-block:85px;background:#edf4ee}.m-importer-privacy p:not(.m-eyebrow){max-width:660px}.m-importer-privacy .m-importer-actions{margin-bottom:0}
@media(max-width:900px){.m-importer-hero{gap:35px}.m-importer-illustration{padding:20px}.m-importer-mini-cards>div{padding:16px}.m-importer-flow>div{gap:25px}}
@media(max-width:680px){.m-importers{padding-top:25px}.m-importer-hero{grid-template-columns:1fr;gap:40px;padding-block:30px 60px}.m-importer-hero h1{font-size:49px;letter-spacing:-2px}.m-importer-illustration{transform:none;margin-inline:5px}.m-importer-flow{padding-block:45px}.m-importer-flow>div{grid-template-columns:1fr;gap:28px;margin-top:30px}.m-importer-flow article{border-bottom:1px solid #e3e7ed;padding-bottom:20px}.m-importer-privacy{padding-block:50px}.m-importer-mini-heading{font-size:19px}.m-importer-actions{gap:20px}}

/* Keep product navigation and account actions in distinct, aligned groups. */
.marketing-page .m-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;height:80px}
.marketing-page .m-desktop-nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;min-width:0;margin:0;white-space:nowrap}
.marketing-page .m-desktop-nav>:is(a,details){width:auto;flex:0 0 auto}
.marketing-page .m-desktop-nav>a,.marketing-page .m-desktop-nav>details>summary{font-size:13px;line-height:1.4;white-space:nowrap}
.marketing-page .m-header-actions{justify-self:end;display:flex;align-items:center;flex-wrap:nowrap;gap:14px;margin-left:0;white-space:nowrap}
.marketing-page .m-header-actions>:is(a,.app-language-switch){width:auto;flex:0 0 auto}
.marketing-page .m-header-actions .m-signin{font-size:12px;line-height:1.4;white-space:nowrap}
.marketing-page .m-header-actions>.m-button{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:10px 15px;font-size:12px;line-height:1.4;white-space:nowrap}
.marketing-page .m-header-actions>.m-button>svg{width:18px;height:18px;flex:0 0 auto}
.marketing-page .m-mobile-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;border-top:1px solid #e5eae2;font-weight:600;color:var(--m-green)}
.marketing-page .m-mobile-primary>svg{width:18px;height:18px;flex:0 0 auto}
@media(max-width:1360px){
 .marketing-page .m-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:16px}
 .marketing-page .m-desktop-nav{display:none}
 .marketing-page .m-header-actions{margin-left:0}
 .marketing-page .m-mobile-menu{justify-self:end}
 .marketing-page .m-mobile-menu>nav{width:260px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);overflow-y:auto}
}
@media(max-width:760px){.marketing-page .m-header-actions>.m-button{display:none}}
@media(max-width:600px){
 .marketing-page .m-header-inner{height:72px;gap:12px}
 .marketing-page .m-header-actions>.m-signin{display:none}
}
@media(max-width:400px){.marketing-page .m-header-actions .app-language-label{display:none}}

/* Website language picker: one flag, with full names inside the menu. */
.marketing-page .m-header-actions .app-language-trigger{gap:0;padding:7px}
.marketing-page .m-header-actions .app-language-trigger>:is(.app-language-label,.app-language-chevron){display:none}

/* Demo navigation and account sign-in remain separate actions. */
.marketing-page .m-header-actions>.m-demo-link{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;min-height:36px;padding:7px 0;border:0;background:transparent;font-size:12px;line-height:1.4;white-space:nowrap}
.marketing-page .m-header :is(a[data-website-demo],a[data-website-login]){color:#2563eb;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.marketing-page .m-header :is(a[data-website-demo],a[data-website-login]):hover{color:#1d4ed8}
.marketing-page .m-header :is(a[data-website-demo],a[data-website-login]):focus-visible{outline:2px solid #2563eb;outline-offset:4px}
@media(max-width:900px){.marketing-page .m-header-actions>.m-demo-link{display:none}}

/* Show the signed-in customer's existing Workplace avatar. */
.marketing-page .m-header-actions>.m-account-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;overflow:hidden;box-sizing:border-box;border:1px solid #bddbc5;border-radius:50%;background:#eaf5ec;color:#216c3e;font-size:12px;font-weight:600;line-height:1;text-decoration:none}
.marketing-page .m-header-actions>.m-account-avatar[hidden],.marketing-page .m-account-avatar img[hidden]{display:none}
.marketing-page .m-account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.marketing-page .m-account-avatar:focus-visible{outline:2px solid #2563eb;outline-offset:4px}

/* Public product introductions share the existing marketing identity. */
.marketing-page .m-public-product{padding-block:72px 48px}.marketing-page .m-public-product-intro{max-width:1000px}.marketing-page .m-public-product-intro h1{font-size:clamp(30px,4.5vw,60px);line-height:1.2;letter-spacing:-.035em;margin:20px 0}.marketing-page .m-public-product-intro>p:not(.m-eyebrow){max-width:740px;font-size:17px;line-height:1.8;color:var(--m-muted)}.marketing-page .m-public-product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.marketing-page .m-public-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:56px}.marketing-page .m-public-feature-card{padding:32px;border:1px solid #dce5df;border-radius:18px;background:white}.marketing-page .m-public-feature-card h2{font-size:23px;line-height:1.4;margin-bottom:16px}.marketing-page .m-public-feature-card p{font-size:15px;line-height:1.8;color:var(--m-muted)}.marketing-page .m-public-product-links{display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid #e2e9e4;padding-top:24px}.marketing-page .m-public-product-links a{font-size:14px;color:var(--m-green);text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){.marketing-page .m-public-product{padding-top:40px}.marketing-page .m-public-feature-grid{grid-template-columns:1fr;gap:16px;margin-block:32px}.marketing-page .m-public-feature-card{padding:24px}.marketing-page .m-public-product-intro>p:not(.m-eyebrow){font-size:15px}}

.marketing-page .m-footer-language-links{display:flex;flex-wrap:wrap;gap:16px}.marketing-page .m-footer-language-links a{width:auto;flex:0 0 auto}