:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20312a;background:#fff;font-size:15px;letter-spacing:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
body.modal-open{overflow:hidden}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #168250;outline-offset:3px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin-top:0}
.section-inner,.hero-inner{width:min(100%,1360px);margin-inline:auto;padding-inline:34px}
.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:43px;padding:4px max(34px,calc((100vw - 1292px)/2));background:#202e29;color:#fff;font-size:11px}
.preview-bar>b{white-space:nowrap}.preview-bar>span{margin-right:auto;color:#afc4b6;white-space:nowrap}.preview-bar nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.preview-bar nav::-webkit-scrollbar{display:none}.preview-bar a{padding:7px 11px;border-radius:4px;white-space:nowrap;color:#c9d8cf}.preview-bar a.selected{background:#fff;color:#177546;font-weight:700}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;height:68px;padding:0 max(34px,calc((100vw - 1292px)/2));background:#fff;border-bottom:1px solid #e3eae4}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;white-space:nowrap}.brand-mark{display:block;width:34px;height:34px;flex:none}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto;font-size:13px;color:#526a5b}.main-nav a:hover{color:#13814d}.nav-cta{border:1px solid #187f50;border-radius:5px;background:#fff;color:#147449;font-size:12px;font-weight:700;padding:9px 15px;white-space:nowrap}.nav-cta:hover{background:#ebf6ee}
.hero{position:relative;display:flex;align-items:center;isolation:isolate;min-height:clamp(520px,62vh,620px);background-repeat:no-repeat;background-size:cover;background-position:center}
.hero-scrim{position:absolute;inset:0;z-index:-1}
.hero-photo{background-image:url("./assets/workspace-hero.png");background-color:#eef2ef;background-position:center 52%}
.hero-photo .hero-scrim{background:rgba(247,249,247,.17)}
.hero-interface{background-image:url("./assets/interface-patrol.png");background-color:#14372a;background-position:center 37%;color:#fff}
.hero-interface .hero-scrim{background:rgba(10,37,27,.62)}
.hero-trust{background-image:url("./assets/interface-review.png");background-color:#f3f7f3;background-position:center 31%}
.hero-trust .hero-scrim{background:rgba(250,252,250,.55)}
.hero-inner{position:relative;padding-top:53px;padding-bottom:58px}
.hero-inner>*{max-width:585px}.hero .eyebrow{margin-bottom:16px}
.eyebrow{color:#15804d;font-size:11px;font-weight:800;line-height:1.4;text-transform:uppercase}
.hero-interface .eyebrow{color:#8de1ac}
.hero h1{font-size:68px;line-height:1.09;font-weight:800;margin:0 0 18px}
.hero-lead{font-size:24px;line-height:1.45;font-weight:700;margin-bottom:15px}
.hero-support{font-size:14px;line-height:1.85;color:#3e5948;margin-bottom:25px;max-width:530px}
.hero-interface .hero-support{color:#edf6ef}
.hero-interface .hero-inner{text-shadow:0 1px 7px rgba(4,28,15,.62)}
.hero-trust .hero-inner{text-shadow:0 1px 8px rgba(255,255,255,.9)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.button-primary,.button-secondary,.button-light{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;min-height:43px;padding:10px 19px;font-size:13px;font-weight:750;border:1px solid transparent;white-space:nowrap}
.button-primary{background:#147f4c;color:#fff;border-color:#147f4c}.button-primary:hover{background:#0b6b3c}
.button-secondary{background:#fff;color:#176b44;border-color:#c6d9ca}.button-secondary:hover{background:#edf5ef}
.hero-interface .button-secondary{background:transparent;color:#fff;border-color:#c2ddca}.hero-interface .button-secondary:hover{background:rgba(255,255,255,.13)}
.hero-proof{display:flex;flex-wrap:wrap;gap:7px 19px;margin-top:27px;color:#4e6e56;font-size:11px}.hero-proof>span:before{content:"";width:5px;height:5px;border-radius:50%;display:inline-block;background:#2c9e62;margin-right:7px;vertical-align:middle}
.hero-disclaimer{font-size:10px;color:#b8cdbb;margin:26px 0 0}.theme-trust .hero-disclaimer{color:#77927f}
.section{padding-block:77px}.section-title{margin-bottom:31px}.section-title .eyebrow{margin:0 0 11px}.section-title h2,.product-copy h2,.access-grid h2,.faq-grid h2,.final-cta h2,.boundaries-grid h2{font-size:34px;line-height:1.35;margin:0;font-weight:760}.section-title>p:last-child{max-width:720px;color:#74877a;font-size:13px;line-height:1.75;margin:11px 0 0}
.value-section{padding-top:52px}.value-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.value-columns article{padding-top:19px;border-top:1px solid #cddfd2}.section-index{font-size:11px;color:#17804d;font-weight:750}.value-columns h3{font-size:19px;margin:12px 0 9px}.value-columns p,.process-grid p,.proof-rows p,.audience-grid p,.workflow-line p,.start-steps p{font-size:13px;line-height:1.8;color:#6b7d6e;margin:0}
.product-section{background:#f6f9f6}.product-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);align-items:center;gap:58px}.product-grid.reverse{grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)}.product-copy .eyebrow{margin-bottom:10px}.product-copy p:not(.eyebrow){font-size:13px;line-height:1.9;color:#6b7d6e;margin:17px 0}.check-list{padding:0;margin:22px 0;list-style:none}.check-list li{position:relative;padding:7px 0 7px 21px;color:#486150;font-size:13px}.check-list li:before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:#259458;border-radius:50%}.text-link{padding:6px 0;border:0;background:transparent;color:#117745;font-weight:750;font-size:13px}.text-link:hover{text-decoration:underline}.interface-figure{min-width:0}.interface-figure img{width:100%;height:auto;border:1px solid #d9e5da;border-radius:6px;box-shadow:0 16px 45px rgba(29,55,33,.11)}.interface-figure figcaption,.tour-image figcaption{color:#8a9d8d;font-size:10px;margin-top:9px}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.process-grid>div{border-left:2px solid #d7e7d9;padding-left:17px}.process-grid span,.proof-rows span{font-size:11px;color:#16824e;font-weight:800}.process-grid h3{font-size:17px;margin:13px 0 8px}
.access-section{background:#173e2b;color:#fff;padding-block:54px}.access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:55px}.access-grid .eyebrow{color:#93d4ab}.access-grid p:last-child{font-size:13px;line-height:1.85;color:#d4e9d9;margin:0}
.faq-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:70px}.faq-list{border-top:1px solid #dfe8e1}.faq-list details{border-bottom:1px solid #dfe8e1;padding:18px 0}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;top:-2px;font-size:22px;font-weight:400;color:#1b8050}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:12px;color:#697b6d;line-height:1.75;margin:10px 28px 0 0}
.final-cta{padding-block:60px;background:#e8f4ea}.final-cta .section-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta .eyebrow{margin:0 0 8px}.final-cta h2{font-size:29px}.button-light{border-color:#187f50;background:#157e4d;color:white}.button-light:hover{background:#0f6b3f}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:25px max(34px,calc((100vw - 1292px)/2));font-size:11px;color:#86998a}
.tour-section{padding-top:53px}.tour-tabs{display:flex;gap:28px;border-bottom:1px solid #dae6dd;margin-bottom:25px;overflow-x:auto}.tour-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 2px;color:#748776;white-space:nowrap;font-size:13px}.tour-tabs button[aria-selected=true]{border-bottom-color:#168453;color:#146e46;font-weight:750}.tour-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(245px,.5fr);gap:43px;align-items:center}.tour-image{min-width:0}.tour-image img{width:100%;border:1px solid #dce6de;border-radius:6px;box-shadow:0 18px 45px rgba(21,45,27,.1)}.tour-copy .tour-step{color:#278653;font-size:11px;font-weight:800}.tour-copy h3{font-size:25px;line-height:1.35;margin:12px 0}.tour-copy p{color:#667a6a;font-size:13px;line-height:1.85}.tour-copy .text-link{margin-top:13px}
.proof-section{background:#f6f9f6}.proof-rows{border-top:1px solid #dce7de}.proof-rows>div{display:grid;grid-template-columns:50px minmax(130px,.45fr) minmax(0,1.55fr);align-items:center;gap:16px;padding:20px 4px;border-bottom:1px solid #dce7de}.proof-rows h3{margin:0;font-size:18px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.audience-grid article{border-top:2px solid #cfe4d3;padding-top:18px}.audience-grid h3{font-size:18px;margin:0 0 9px}
.theme-product .final-cta{background:#eaf1f7}.theme-product .final-cta .eyebrow{color:#2d6f9c}
.theme-trust .eyebrow{color:#24739d}.theme-trust .brand-mark{background:#2378a0}.theme-trust .nav-cta{border-color:#2878a1;color:#256d92}.theme-trust .button-primary,.theme-trust .button-light{background:#2378a0;border-color:#2378a0}.theme-trust .button-primary:hover,.theme-trust .button-light:hover{background:#185d7d}.theme-trust .hero-support{color:#3d5864}.theme-trust .final-cta{background:#eaf3f6}.theme-trust .access-section{background:#173847}.theme-trust .access-grid .eyebrow{color:#9bcfe2}
.workflow-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #d5e5e8;padding-top:23px}.workflow-number{display:block;color:#2b769c;font-weight:800;font-size:12px}.workflow-line h3{margin:12px 0 8px;font-size:17px}
.boundaries-section{background:#eff5f5}.boundaries-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px}.boundaries-grid>div:first-child>p:last-child{color:#667e83;line-height:1.85;font-size:13px;margin:16px 0 0}.boundary-list{border-top:1px solid #ccdcdf}.boundary-list>div{border-bottom:1px solid #ccdcdf;padding:13px 0}.boundary-list b{font-size:14px}.boundary-list p{font-size:12px;line-height:1.7;color:#687e80;margin:6px 0 0}
.start-section{background:#f8faf8}.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.start-steps>div{border-top:1px solid #cfded3;padding-top:16px}.start-steps span{color:#287a98;font-size:12px;font-weight:800}.start-steps b{display:block;margin:10px 0 7px;font-size:16px}
.demo-dialog{width:min(440px,calc(100vw - 28px));border:1px solid #d7e2da;border-radius:7px;background:#fff;color:#20362a;padding:0;box-shadow:0 20px 65px rgba(10,29,19,.28)}.demo-dialog::backdrop{background:rgba(12,28,19,.55)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 16px;border-bottom:1px solid #e4ebe5}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{border:0;background:transparent;color:#43704e;font-size:12px}.demo-dialog>p{font-size:12px;color:#728776;line-height:1.6;margin:0;padding:17px 22px 0}.demo-dialog form{padding:10px 22px 22px;display:grid;gap:12px}.demo-dialog label{display:grid;gap:5px;color:#45604c;font-size:12px;font-weight:650}.demo-dialog input{width:100%;height:39px;border:1px solid #cfddd2;border-radius:5px;padding:0 10px;background:#fff;color:#20362a}.demo-dialog form button{margin-top:4px}.demo-dialog output{font-size:11px;color:#2c7b50;line-height:1.5;min-height:0}
@media(max-width:960px){.main-nav{gap:17px;font-size:12px}.product-grid,.product-grid.reverse{gap:30px}.section-title h2,.product-copy h2,.access-grid h2,.faq-grid h2,.boundaries-grid h2{font-size:29px}.tour-view{gap:27px}}
@media(max-width:720px){.section-inner,.hero-inner{padding-inline:20px}.preview-bar{padding:7px 15px;display:block}.preview-bar>b{display:inline}.preview-bar>span{margin-left:9px}.preview-bar nav{margin-top:5px}.site-header{padding:0 20px;height:60px}.brand{font-size:16px}.main-nav{display:none}.nav-cta{margin-left:auto;padding:8px 10px}.hero{min-height:550px;align-items:flex-start}.hero-inner{padding-top:75px;padding-bottom:35px}.hero h1{font-size:49px}.hero-lead{font-size:20px}.hero-support{font-size:13px}.hero-photo{background-position:61% center}.hero-photo .hero-scrim{background:rgba(251,252,250,.83)}.hero-interface{background-position:47% top}.hero-interface .hero-scrim{background:rgba(11,37,27,.74)}.hero-trust{background-position:52% top}.hero-trust .hero-scrim{background:rgba(250,252,250,.73)}.hero-proof{gap:8px 12px;font-size:10px}.section{padding-block:55px}.value-section,.tour-section{padding-top:42px}.section-title h2,.product-copy h2,.access-grid h2,.faq-grid h2,.boundaries-grid h2{font-size:27px}.section-title{margin-bottom:24px}.value-columns,.process-grid,.audience-grid,.workflow-line,.start-steps{grid-template-columns:1fr;gap:20px}.value-columns article{padding-top:15px}.product-grid,.product-grid.reverse,.access-grid,.faq-grid,.boundaries-grid,.tour-view{grid-template-columns:1fr;gap:23px}.product-grid.reverse .interface-figure{order:2}.product-grid.reverse .product-copy{order:1}.interface-figure img{width:100%}.faq-grid{gap:25px}.process-grid{gap:22px}.proof-rows>div{grid-template-columns:35px minmax(0,1fr);gap:7px 10px}.proof-rows p{grid-column:2}.final-cta .section-inner{display:block}.final-cta h2{font-size:26px;margin-bottom:18px}.site-footer{padding:22px 20px;display:block}.site-footer span{display:block;margin-bottom:6px}.tour-view .tour-image{order:2}.tour-copy{order:1}.tour-tabs{gap:25px}.tour-copy h3{font-size:21px}}
@media(max-width:390px){.hero{min-height:572px}.hero h1{font-size:45px}.hero-inner{padding-top:60px}.button-primary,.button-secondary{font-size:12px;padding-inline:14px}.hero-proof{max-width:275px}.preview-bar nav a{padding-inline:8px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease,color .15s ease}.demo-dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
.selected-a .preview-bar{justify-content:flex-start}.selected-a .preview-bar>span{margin-left:auto;margin-right:0}
.selected-a .hero-photo{min-height:calc(100svh - 68px);overflow:hidden;background:#f6faf7}
.selected-a .hero-photo .hero-scrim{display:none}
.selected-a .hero-layout{position:relative;z-index:1;display:flex;align-items:center;width:min(100%,1440px);min-height:inherit;margin-inline:auto;padding:72px 42px}
.selected-a .hero-inner{width:min(100%,630px);margin:0;padding:0}
.selected-a .hero h1{font-size:clamp(58px,5.1vw,76px)}
.selected-a .hero-visual{position:absolute;inset:0;z-index:0;margin:0;overflow:hidden}
.selected-a .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.selected-a .hero-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,249,245,.98) 0%,rgba(249,249,245,.86) 31%,rgba(249,249,245,.08) 59%,rgba(249,249,245,0) 100%);content:""}
@media(max-width:960px){.selected-a .hero-layout{padding-inline:28px}.selected-a .hero h1{font-size:clamp(45px,6vw,62px)}}
@media(max-width:720px){.selected-a .hero-photo{min-height:max(800px,calc(100svh - 60px));align-items:stretch}.selected-a .hero-layout{align-items:flex-start;padding:55px 20px 40px}.selected-a .hero-inner{width:100%;padding:0}.selected-a .hero h1{font-size:clamp(39px,11vw,49px)}.selected-a .hero-visual{inset:50% 0 0}.selected-a .hero-visual img{object-position:72% center}.selected-a .hero-visual:after{background:linear-gradient(180deg,#f6faf7 0%,rgba(246,250,247,.91) 12%,rgba(246,250,247,.1) 42%,rgba(246,250,247,0) 100%)}}
.nav-logout{margin:0}
.nav-logout[hidden]{display:none}
.nav-logout button{min-height:36px;padding:8px 12px;border:1px solid #d4e0d7;border-radius:5px;background:#fff;color:#526a5b;font-size:12px;font-weight:700;white-space:nowrap}
.nav-logout button:hover{border-color:#187f50;background:#ebf6ee;color:#147449}
.header-actions{display:flex;align-items:center;gap:4px;flex:none}
.language-menu,.account-menu{position:relative;flex:none;min-width:0}
.language-menu>summary{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;color:#167549;list-style:none;cursor:pointer}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary svg{width:20px;height:20px}
.language-menu>summary:hover,.language-menu[open]>summary{background:#eff7f0;color:#126b40}
.language-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:20;width:132px;padding:5px;border:1px solid #dbe6dd;border-radius:6px;background:#fff;box-shadow:0 12px 28px rgba(25,48,31,.14)}
.language-panel::before{position:absolute;top:-11px;right:0;left:0;height:11px;content:""}
.language-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:0 9px;border:0;border-radius:4px;background:#fff;color:#202820;font-size:13px;text-align:left;cursor:pointer}
.language-panel button:hover,.language-panel button[aria-pressed="true"]{background:#eff7f0;color:#126b40}
.language-panel button[aria-pressed="true"]::after{content:"✓";font-weight:700}
.account-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:190px;height:38px;min-height:38px;padding:0 12px;border-color:transparent;background:transparent;color:#167549;font-size:13px;list-style:none;cursor:pointer}
.account-menu>summary:hover,.account-menu[open]>summary{border-color:transparent;background:#eff7f0;color:#126b40}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary [data-account-name]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{width:7px;height:7px;flex:none;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.account-menu[open] .account-chevron{margin-top:3px;transform:rotate(225deg)}
.account-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:20;width:170px;padding:5px;border:1px solid #dbe6dd;border-radius:6px;background:#fff;box-shadow:0 12px 28px rgba(25,48,31,.14)}
.account-panel [hidden]{display:none!important}
.account-panel>a,.account-panel .nav-logout button{display:flex;align-items:center;width:100%;min-height:36px;padding:0 9px;border:0;border-radius:4px;background:#fff;color:#202820;font-size:13px;font-weight:600;text-align:left}
.account-panel>a:hover,.account-panel .nav-logout button:hover{background:#eff7f0;color:#202820}
.account-panel .nav-logout{margin-top:3px;padding-top:3px;border-top:1px solid #e7eee8}
.account-panel::before{position:absolute;top:-11px;right:0;left:0;height:11px;content:""}
.mobile-nav-toggle,.account-mobile-icon{display:none}.marketing-mobile-nav:not([open]){display:none}.marketing-mobile-nav{position:fixed;inset:0 auto 0 0;width:min(340px,86vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#1d3024;box-shadow:12px 0 36px rgba(16,38,25,.16)}.marketing-mobile-nav::backdrop{background:rgba(16,31,22,.42)}.marketing-mobile-nav-head{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 22px;border-bottom:1px solid #e5ebe6;font-size:18px;font-weight:750}.marketing-mobile-nav-head button{width:40px;height:40px;border:0;background:transparent;color:#263e2d;font-size:29px}.marketing-mobile-nav nav{display:grid;padding:14px 22px}.marketing-mobile-nav nav a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid #e5ebe6;font-size:16px}
.mobile-line-break{display:none}
@media(max-width:720px){.mobile-line-break{display:block}}
@media(max-width:800px){.site-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;height:60px;gap:8px;padding-inline:18px}.main-nav{display:none}.mobile-nav-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#123049}.mobile-nav-toggle svg{width:24px;height:24px}.brand{justify-self:center;gap:6px;min-width:0;font-size:16px}.brand-mark{width:30px;height:30px}.account-menu{justify-self:end;margin:0}.account-menu>summary{width:44px;max-width:none;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#123049}.account-menu>summary:hover{background:#eff7f0}.account-menu>summary [data-account-name],.account-chevron{display:none}.account-mobile-icon{display:block;width:24px;height:24px}.account-panel{width:min(170px,calc(100vw - 32px))}}
@media(max-width:800px){html{scroll-padding-top:68px}.site-header{position:sticky;top:0;z-index:30;grid-template-columns:44px minmax(0,1fr) 88px}.brand{position:absolute;left:50%;transform:translateX(-50%)}.header-actions{grid-column:3;grid-row:1;justify-self:end;gap:0}.language-menu>summary{width:44px;height:44px;color:#123049}.account-panel{width:min(170px,calc(100vw - 32px))}}
@media(max-width:720px){
  .selected-a .preview-bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;font-size:10px}
  .selected-a .preview-bar>span{margin-left:0;white-space:normal}
}

/* The public site uses the same white canvas and neutral surfaces as the app. */
:root{color:#202124;background:#fff}
body{background:#fff;color:#202124}
.site-header{border-bottom-color:#aeb8c1}
.main-nav{color:#48515a}
.nav-cta:hover,.nav-logout button:hover,
.language-menu>summary:hover,.language-menu[open]>summary,
.account-menu>summary:hover,.account-menu[open]>summary{background:#f3f6f6}
.product-section,.proof-section,.start-section,.boundaries-section,
.final-cta,.theme-product .final-cta,.theme-trust .final-cta,
.access-section,.theme-trust .access-section{
  background:#fff;
  color:#202a2d;
  border-top:1px solid #e5e9e9;
}
.access-grid .eyebrow,.theme-trust .access-grid .eyebrow{color:#0d765f}
.access-grid p:last-child{color:#66737a}
.section-title>p:last-child,.value-columns p,.process-grid p,.proof-rows p,
.audience-grid p,.workflow-line p,.start-steps p,.product-copy p:not(.eyebrow),
.faq-list p,.tour-copy p,.boundaries-grid>div:first-child>p:last-child,
.boundary-list p{color:#48515a}
.hero-proof,.hero-support,.check-list li{color:#475960}
.value-columns article,.audience-grid article,.start-steps>div,
.process-grid>div,.proof-rows,.proof-rows>div,.faq-list,.faq-list details,
.tour-tabs,.boundary-list,.boundary-list>div{border-color:#aeb8c1}
.interface-figure img,.tour-image img,.demo-dialog,.demo-dialog input,
.language-panel,.account-panel{border-color:#aeb8c1}
.product-section,.proof-section,.start-section,.boundaries-section,
.final-cta,.theme-product .final-cta,.theme-trust .final-cta,
.access-section,.theme-trust .access-section{border-top-color:#aeb8c1}
.site-footer{color:#48515a;border-top:1px solid #aeb8c1}
.dialog-head,.marketing-mobile-nav-head,.marketing-mobile-nav nav a{border-color:#aeb8c1}
.button-secondary:hover,.language-panel button:hover,
.language-panel button[aria-pressed="true"],.account-panel>a:hover,
.account-panel .nav-logout button:hover{background:#f3f6f6}
.hero-photo{background-color:#fff}
.hero-trust{background-color:#fff}
.demo-dialog::backdrop,.marketing-mobile-nav::backdrop{background:rgba(18,28,32,.5)}
.value-photo-band,.process-evidence{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(28px,5vw,68px);margin-top:44px;padding:26px;border:1px solid #e1e9e3;border-radius:14px;background:#f8faf8}
.story-photo,.evidence-figure{min-width:0;margin:0}
.story-photo img{width:100%;height:min(30vw,380px);object-fit:cover;border-radius:10px}
.story-photo figcaption,.evidence-figure figcaption{margin-top:9px;color:#697a70;font-size:11px;line-height:1.5}
.story-copy{max-width:450px}.story-copy .eyebrow{margin-bottom:13px}.story-copy h3{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.36}.story-copy p:last-child{margin:15px 0 0;color:#485b51;font-size:14px;line-height:1.9}
.process-evidence{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);margin-top:45px;background:#f5f9f6}
.evidence-figure img{width:100%;height:auto;border:1px solid #cddbd1;border-radius:8px;box-shadow:0 15px 38px rgba(25,57,35,.12)}
.access-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,70px)}
.access-copy{max-width:480px}.access-copy>p:last-child{margin:20px 0 0;color:#485b51;font-size:14px;line-height:1.9}
.access-photo img{object-position:center 43%}
.interface-figure,.evidence-figure{padding:clamp(12px,1.7vw,24px);border:1px solid #d7e4da;border-radius:15px;background-position:center;background-size:cover;box-shadow:0 12px 32px rgba(24,55,41,.08)}
.interface-figure{background-image:linear-gradient(rgba(241,248,243,.72),rgba(241,248,243,.72)),url('/marketing/assets/office-confusion-team-20260930.webp')}
.evidence-figure{background-image:linear-gradient(rgba(241,248,243,.74),rgba(241,248,243,.74)),url('/marketing/assets/office-confusion-review-20260930.webp')}
.interface-figure picture,.evidence-open{display:block;line-height:0}
.interface-figure img,.evidence-figure img{display:block;border-radius:8px;box-shadow:0 15px 38px rgba(25,57,35,.18)}
.evidence-open{position:relative;width:100%;padding:0;border:0;border-radius:8px;background:transparent;text-align:left;cursor:zoom-in}
.evidence-open-hint{position:absolute;left:14px;bottom:14px;padding:9px 13px;border-radius:6px;background:rgba(19,53,40,.9);color:#fff;font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 3px 12px rgba(9,27,18,.2)}
.evidence-open:hover .evidence-open-hint,.evidence-open:focus-visible .evidence-open-hint{background:#087f58}
.evidence-dialog{position:fixed;inset:0;width:min(96vw,1600px);max-width:none;max-height:90dvh;margin:auto;padding:0;border:1px solid #cddbd1;border-radius:12px;background:#fff;box-shadow:0 28px 90px rgba(4,25,15,.32)}
.evidence-dialog::backdrop{background:rgba(8,26,20,.72)}
.evidence-dialog-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 12px 0 18px;border-bottom:1px solid #e1e9e4;color:#1a6345;font-size:15px;font-weight:700}
.evidence-dialog-head button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:6px;background:transparent;color:#3f5e50;font-size:28px;line-height:1}
.evidence-dialog-head button:hover{background:#ecf5ef}
.evidence-dialog-scroll{max-height:calc(min(88dvh,var(--app-dialog-height,88dvh)) - 52px);overflow:auto;overscroll-behavior:contain}
.evidence-dialog-scroll img{display:block;width:100%;min-width:900px;height:auto}
@media(max-width:800px){.value-photo-band,.process-evidence,.access-grid{grid-template-columns:minmax(0,1fr)}.value-photo-band,.process-evidence{gap:22px;padding:16px}.process-evidence .story-copy{order:0}.process-evidence .evidence-figure{order:1}.access-grid{gap:22px}}
@media(max-width:720px){.value-photo-band,.process-evidence{margin-top:32px}.story-copy h3{font-size:25px}.story-copy p:last-child,.access-copy>p:last-child{font-size:13px}.story-photo img{height:230px}.access-photo img{height:250px}}
.account-entry{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:5px;color:#167549}
.account-entry svg{width:20px;height:20px}
.account-entry:hover{background:#f3f6f6;color:#126b40}
.account-entry[hidden],.account-menu[hidden]{display:none!important}
@media(max-width:800px){.account-entry{width:44px;height:44px;color:#123049}.account-entry svg{width:24px;height:24px}}
@media (max-width: 1024px), (pointer: coarse) {
  .demo-dialog input { font-size: 16px; }
}

/* Public entry actions use the same palette as the operations workspaces. */
:root{--app-green:#078966;--app-green-dark:#006e52;--app-hover:#eff9f6;--app-line:#dce7e9;--app-ink:#172635;--app-muted:#586c60;--app-control-radius:6px}
html:root body :is(.button-primary,.button-light){background:var(--app-green);border-color:var(--app-green);color:#fff;border-radius:var(--app-control-radius)}
html:root body :is(.button-primary,.button-light):hover{background:var(--app-green-dark);border-color:var(--app-green-dark)}
html:root body .button-secondary{color:var(--app-green);border-color:var(--app-line);border-radius:var(--app-control-radius)}
html:root body .button-secondary:hover{background:var(--app-hover)}
html:root body :is(.mobile-nav-toggle,.account-mobile-icon,.language-menu>:is(button,summary),.account-menu>:is(.nav-cta,summary),.account-entry){color:var(--app-ink)}
html:root body :is(.mobile-nav-toggle,.account-mobile-icon,.language-menu>:is(button,summary),.account-menu>:is(.nav-cta,summary),.account-entry):hover{color:var(--app-green)}
html:root body :is(.nav-cta,.text-link,.tour-tabs button[aria-selected=true]){color:var(--app-green)}
html:root body .tour-tabs button[aria-selected=true]{border-bottom-color:var(--app-green)}

/* Public-site dialogs share the same floating frame as the workspaces. */
html:root body dialog { box-sizing:border-box!important; inset:0!important; margin:auto!important; max-width:calc(100vw - 48px)!important; max-height:min(88dvh,var(--app-dialog-height,88dvh))!important; height:fit-content!important; min-height:0!important; overflow:auto; border:1px solid var(--app-line)!important; border-radius:10px!important; box-shadow:0 24px 64px rgba(14,33,23,.22)!important; overscroll-behavior:contain; }
html:root body dialog::backdrop { background:rgba(14,33,23,.48)!important; }
html:root body .marketing-mobile-nav { width:min(420px,calc(100vw - 24px))!important; height:fit-content!important; }
@media(max-width:800px){html:root body dialog { max-width:calc(100vw - 24px)!important; }}

/* Language globe triggers stay transparent in every interaction state. */
html:root body :is(.app-language-menu,.language-menu)>summary,
html:root body :is(.app-language-menu,.language-menu)>summary:is(:hover,:focus-visible,:active),
html:root body :is(.app-language-menu,.language-menu)[open]>summary {
  background:transparent!important; border:0!important; box-shadow:none!important;
}

/* Mobile navigation uses a half-width edge drawer rather than a floating dialog. */
@media(max-width:800px) {
 html:root body :is(#siteMobileDrawer,#marketingMobileNav) {
  inset:0 auto 0 0!important; margin:0!important; width:50vw!important; max-width:50vw!important;
  height:100dvh!important; max-height:100dvh!important; min-height:0!important;
  border:0!important; border-radius:0!important; background:#fff!important; overflow:hidden!important;
 }
}

@media(max-width:800px) {
 html:root body #marketingMobileNav[open] { display:flex; flex-direction:column; }
 html:root body #marketingMobileNav .marketing-mobile-nav-head { flex:none; height:60px; gap:4px; padding:8px; font-size:12px; }
 html:root body #marketingMobileNav .marketing-mobile-nav-head button { flex:none; width:28px; height:28px; }
 html:root body #marketingMobileNav nav { min-height:0; overflow:auto; padding:8px 12px; }
 html:root body #marketingMobileNav nav a { min-height:48px; font-size:12px; }
}

/* Header identity and account controls stay unframed on pointer hover. */
html:root :is(#cards,#asinDetailModal,body) header.site-header :is(.brand,.account-entry,.account-menu>summary):is(:hover,:focus,:active),
html:root body .site-header :is(.brand,.account-entry,.account-menu>summary) {
 background:transparent!important; border:0!important; box-shadow:none!important;
}
html:root :is(#cards,#asinDetailModal,body) header.site-header :is(.brand,.account-entry,.account-menu>summary):is(:hover,:active,:focus:not(:focus-visible)) {
 outline:none!important;
}

/* Public membership entry keeps a compact signed-in state and shared icon. */
.header-language-label{display:none}
.header-account{display:none!important}
.account-entry{position:relative}
.member-state-dot{position:absolute;right:3px;top:3px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#008568;box-sizing:content-box}
@media(max-width:800px){
 .site-header{grid-template-columns:44px minmax(0,1fr) 88px}
 .brand{gap:6px;font-size:16px}
 .brand-mark{width:30px;height:30px}
 .account-entry .member-state-dot{right:6px;top:7px}
}
@media(max-width:360px){html:root body .site-header .brand{left:calc(50% - 6px)!important}}

@media(max-width:360px){html[lang="zh-CN"] body.selected-a .hero h1{font-size:34px}}

/* Keep public navigation available while reading or signing in. */
html{scroll-padding-top:80px}
html body>.site-header{position:sticky;top:0;z-index:1000;flex:none}
@media(max-width:800px){html{scroll-padding-top:72px}}