
/* CALE public experience · independent of workspace styling */
body.cale-marketing, body.cale-auth-page {
  --cm-ink:#242624; --cm-muted:#777974; --cm-line:#e5e5df; --cm-bg:#f8f8f6;
  --cm-soft:#f3f4f0; --cm-accent:#eaf2f3; --cm-white:#fff;
  margin:0; background:var(--cm-bg); color:var(--cm-ink);
  font-family:var(--font-sans,"Inter",system-ui,sans-serif); font-size:14px; line-height:1.5;
}
.cale-marketing *, .cale-auth-page * {box-sizing:border-box}
.cale-marketing a, .cale-auth-page a {color:inherit;text-decoration:none}
.cale-marketing [hidden], .cale-auth-page [hidden]{display:none!important}
.cale-marketing :focus-visible, .cale-auth-page :focus-visible{
 outline:2px solid #49777b;outline-offset:3px
}
.cm-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.cm-brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}
.cm-brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid #d9dcd7;background:#fff;font-size:18px;font-weight:700;letter-spacing:-.07em;box-shadow:0 2px 5px #151b1708}
.cm-nav{position:sticky;top:0;z-index:30;background:#f8f8f6ed;border-bottom:1px solid var(--cm-line);backdrop-filter:blur(16px)}
.cm-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:76px}
.cm-nav-links,.cm-nav-actions,.cm-nav-auth{display:flex;align-items:center;gap:21px}
.cm-nav-links a,.cm-nav-actions a,.cm-nav-auth a{font-size:13px;font-weight:550;color:#555a55}
.cm-nav-links a:hover,.cm-nav-actions a:hover,.cm-nav-auth a:hover{color:#161b17}
.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 18px;border:1px solid #dbded8;border-radius:11px;background:white;color:#263029;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,transform .16s}
.cm-btn:hover{background:#f2f4f0;border-color:#cbd0c9;transform:translateY(-1px)}
.cm-btn-primary{background:#efeee9;color:#262924!important;border-color:#dcdad3;box-shadow:0 1px 3px #1b21170a}
.cm-btn-primary:hover{background:#e5e4de;border-color:#cdcac2;color:#1f231f!important}
.cm-btn-subtle{background:transparent}
.cm-btn-small{min-height:38px;padding:0 15px}
.cm-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#687770}
.cm-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#83aea2}
.cm-hero{padding:88px 0 41px;position:relative}
.cm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:980px;gap:0;align-items:center}
.cm-hero-copy h1{max-width:960px;font-size:clamp(37px,4.3vw,56px);line-height:1.12;letter-spacing:-.053em;font-weight:700;margin:20px auto 18px}
.cm-hero-copy h1 em{font-style:normal;color:#728783}
.cm-hero-copy{text-align:center}.cm-hero-copy p{max-width:670px;color:#737a72;font-size:15px;line-height:1.72;margin:0 auto}
.cm-hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:27px 0 0;flex-wrap:wrap}
.cm-hero-foot{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:#818680;font-size:11px;margin-top:22px}
.cm-hero-foot span{padding:5px 9px;border:1px solid #e1e4df;border-radius:999px;background:#fff}
.cm-preview-band{padding:0 0 84px}.cm-preview-band .cm-demo-panel{width:min(100%,900px);margin-inline:auto}.cm-demo-panel{position:relative;background:linear-gradient(145deg,#f1f7f7 0%,#f6f6f1 65%,#f1f0ec 100%);border:1px solid #e2e7e4;border-radius:24px;padding:28px;box-shadow:0 16px 45px #35463b10}
.cm-demo-orbit{position:absolute;inset:-19px 40px auto auto;width:135px;height:135px;border:1px solid #cbdede;border-radius:50%;pointer-events:none}
.cm-demo-box{position:relative;z-index:1;border:1px solid #e3e6df;border-radius:17px;background:white;padding:22px;box-shadow:0 12px 32px #1a332015}
.cm-demo-top,.cm-demo-row,.cm-demo-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cm-demo-top strong{font-size:14px}
.cm-demo-caption{font-size:11px;color:#a1a8a0}
.cm-demo-query{font-size:15px;letter-spacing:-.02em;margin:20px 0 18px;font-weight:600;line-height:1.4}
.cm-demo-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.cm-demo-tabs span{font-size:10px;padding:6px 9px;border:1px solid #e3e8e0;border-radius:7px;color:#778077}
.cm-demo-tabs span:first-child{background:#f2f5f0;color:#334b3b;border-color:#d9e4db}
.cm-demo-result{border-top:1px solid #eef0eb;padding:13px 0}
.cm-demo-result:last-child{padding-bottom:0}
.cm-demo-result strong{display:block;font-size:12px;line-height:1.45}
.cm-demo-result small{display:block;color:#969b94;font-size:10px;margin-top:4px}
.cm-demo-pill{font-size:10px;padding:5px 8px;color:#516b55;border:1px solid #d7e5d8;background:#f5faf4;border-radius:999px;white-space:nowrap}
.cm-floating-note{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;width:90%;margin:-8px auto 0;padding:13px 15px;background:#fff;border:1px solid #dfe7e1;border-radius:12px;box-shadow:0 14px 25px #243b2b13;font-size:11px}
.cm-floating-note strong{font-size:12px}
.cm-floating-note span{color:#6c8b74;font-weight:600}
.cm-search-band{margin-top:0;padding:0 0 34px}.cm-search-band .cm-wrap{width:min(1040px,calc(100% - 40px))}
/* Match the Find workspace prompt: 1040px wide, 62px input and 196px card. */
.cm-search-panel{display:flex;flex-direction:column;min-height:196px;background:#fff;border:1px solid #e3e4df;border-radius:17px;padding:14px 17px 12px;box-shadow:0 9px 28px #21251b09}
.cm-search-entry{width:100%;min-width:0}
.cm-search-panel label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#898c85;text-transform:uppercase;margin:0;padding:0 12px}
.cm-search-panel textarea{display:block;width:100%;height:62px;min-height:62px;max-height:104px;resize:none;overflow-y:auto;border:0;background:transparent;padding:13px 12px 8px;outline:0;font:500 18px/1.45 var(--font-sans,Inter,sans-serif);color:#222820}.cm-search-panel textarea::-webkit-resizer{display:none}
.cm-search-panel textarea::placeholder{color:#9fa69f;font-weight:500}
.cm-search-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:8px 11px 9px}
.cm-search-panel .cm-btn{min-height:34px;padding:7px 15px;border-radius:9px;margin-bottom:0;flex-shrink:0}
.cm-search-hint{color:#999e97;font-size:11px;margin:0}
.cm-section{padding:76px 0;border-top:1px solid var(--cm-line)}
.cm-section-head{max-width:650px;margin-bottom:31px}
.cm-section h2{font-size:clamp(31px,3.6vw,43px);line-height:1.13;letter-spacing:-.052em;margin:12px 0 13px}
.cm-section-head p{color:#7b817a;font-size:14px;line-height:1.75;margin:0}
.cm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm-feature{min-height:215px;border:1px solid #e3e5df;border-radius:16px;background:white;padding:23px}
.cm-feature-index{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0f4f1;border:1px solid #e2e9e2;color:#688173;font-size:12px;font-weight:700}
.cm-feature h3{font-size:17px;font-weight:650;letter-spacing:-.025em;margin:34px 0 9px}
.cm-feature p{font-size:12px;color:#80857f;line-height:1.72;margin:0}
.cm-steps{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cm-steps span{background:#fff;border:1px solid #e3e4de;border-radius:999px;padding:9px 12px;font-size:12px;color:#626b62}
.cm-steps i{color:#bcc5ba;font-style:normal}
.cm-price-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:29px;border:1px solid #dfe4dd;border-radius:20px;background:linear-gradient(100deg,#fff,#f3f7f4)}
.cm-price-card h3{font-size:20px;letter-spacing:-.03em;margin:6px 0 8px}
.cm-price-card p{color:#828981;font-size:12px;margin:0;max-width:560px;line-height:1.7}
.cm-price-card .cm-price{font-size:33px;letter-spacing:-.06em;font-weight:700}
.cm-price small{font-size:12px;color:#838980;letter-spacing:0;font-weight:500}
.cm-price-action{display:grid;justify-items:end;gap:9px}
.cm-price-action small{color:#939990;font-size:10px;text-align:right}
.cm-faq{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.cm-faq details{border:1px solid #e4e6df;border-radius:13px;background:white;padding:18px 19px}
.cm-faq summary{font-size:13px;font-weight:650;cursor:pointer}
.cm-faq details p{color:#777e76;font-size:12px;line-height:1.7;margin:10px 0 0}
.cm-footer{padding:31px 0;border-top:1px solid var(--cm-line)}
.cm-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cm-footer small{font-size:11px;color:#939991}
.cm-footer-links{display:flex;gap:21px;flex-wrap:wrap}
.cm-footer-links a{font-size:12px;color:#757c74}
.cm-footer-links a:hover{color:#242b24}
.cm-footer .cm-brand{font-size:14px}
.cm-footer .cm-brand-icon{width:29px;height:29px;font-size:15px}

/* Shared CALE authentication */
.cale-auth-page{min-height:100vh}
.cm-auth-top{width:min(1140px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0}
.cm-auth-back{font-size:12px;color:#788078!important}
.cm-auth-back:hover{color:#262e27!important}
.cm-auth-layout{width:min(1050px,calc(100% - 48px));margin:clamp(25px,6vh,90px) auto 65px;display:grid;grid-template-columns: minmax(0,1fr) minmax(360px,440px);gap:70px;align-items:center}
.cm-auth-story{padding:25px 12px 25px 0}
.cm-auth-story h1{font-size:clamp(39px,4.7vw,60px);line-height:1.08;letter-spacing:-.066em;margin:22px 0 20px}
.cm-auth-story h1 em{font-style:normal;color:#7e9187}
.cm-auth-story>p{font-size:15px;color:#858b83;line-height:1.75;max-width:390px;margin:0 0 30px}
.cm-auth-mini{padding:19px;background:linear-gradient(125deg,#ebf2f2,#f6f6f2);border:1px solid #e0e7e2;border-radius:18px;max-width:400px}
.cm-auth-mini-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;margin-bottom:14px}
.cm-auth-mini-head span{font-size:10px;color:#8da29a;font-weight:500}
.cm-auth-mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #e4e7e3;border-radius:9px;padding:12px 13px;font-size:12px;margin-top:7px}
.cm-auth-mini-row span{color:#718d79;font-size:10px}
.cm-auth-card{background:#fff;border:1px solid #e1e4dd;border-radius:22px;padding:34px;box-shadow:0 17px 55px #2733250c}
.cm-auth-card .cm-kicker{margin-bottom:10px}
.cm-auth-card h2{margin:6px 0 9px;font-size:31px;line-height:1.14;letter-spacing:-.05em}
.cm-auth-intro{font-size:13px;color:#858c83;line-height:1.6;margin:0 0 25px}
.cm-google{width:100%;display:flex;justify-content:center;align-items:center;gap:11px;border:1px solid #dfe3dc;background:#fff;min-height:45px;border-radius:11px;font-size:13px;font-weight:600;margin:0 0 22px;cursor:pointer}
.cm-google:hover{background:#f7f8f6;border-color:#cbd5c9}
.cm-divider{display:flex;align-items:center;gap:13px;color:#a3aaa2;font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 19px}
.cm-divider:before,.cm-divider:after{content:"";height:1px;flex:1;background:#e7e9e5}
.cm-field{display:block;margin:14px 0}
.cm-field label{display:block;margin-bottom:7px;color:#626e62;font-size:12px;font-weight:600}
.cm-field input{width:100%;min-height:44px;padding:0 13px;background:#fafbf9;color:#242b24;border:1px solid #e0e5df;border-radius:10px;font-size:14px;outline:0;transition:border-color .15s,box-shadow .15s}
.cm-field input:focus{border-color:#9aafa0;box-shadow:0 0 0 3px #e7eee9}
.cm-field input::placeholder{color:#abb2aa}
.cm-field input:disabled{opacity:.58}
.cm-inline-end{display:flex;justify-content:flex-end;margin:6px 0 18px;font-size:12px}
.cm-inline-end a,.cm-switch a{color:#53695a;font-weight:600}
.cm-inline-end a:hover,.cm-switch a:hover{text-decoration:underline}
.cm-field-help{color:#9ba299;font-size:11px;line-height:1.4}
.cm-auth-submit{width:100%;margin-top:11px;min-height:44px}
.cm-auth-note{margin:15px 0 0;color:#9da29a;font-size:11px;text-align:center;line-height:1.55}
.cm-auth-card .auth-note{min-height:19px;margin:17px 0 0!important;font-size:12px!important;color:#858f86;text-align:center;line-height:1.55}
.cm-auth-card .auth-note.error{color:#b6504b!important}
.cm-auth-card .auth-note.success{color:#3b7b52!important}
.cm-switch{text-align:center;padding-top:20px;margin-top:23px;border-top:1px solid #ecede9;color:#7d847c;font-size:12px}
.cm-auth-legal{font-size:10px;color:#a4aaa2;text-align:center;line-height:1.65;margin-top:21px}
.cm-auth-legal a{color:#6c816f}
.cm-auth-bottom{margin:20px auto 40px;width:min(1050px,calc(100% - 48px));display:flex;justify-content:space-between;gap:15px;color:#9da39b;font-size:10px;flex-wrap:wrap}
.cm-auth-bottom a:hover{color:#313b33}
.cm-auth-bottom-links{display:flex;gap:16px}
@media (max-width:950px){
 .cm-nav-links{display:none}
 .cm-hero-grid{gap:33px}
 .cm-auth-layout{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr)}
 .cm-auth-story h1{font-size:42px}
}
@media (max-width:720px){
 .cm-wrap{width:min(100% - 32px,1160px)}
 .cm-nav-inner{min-height:65px}
 .cm-nav-auth{gap:9px}
 .cm-nav-actions{gap:8px}
 .cm-nav-actions a:not(.cm-btn){display:none}
 .cm-hero{padding:62px 0 37px}
 .cm-hero-grid{grid-template-columns:1fr;gap:40px}
 .cm-hero-copy h1{font-size:clamp(34px,8vw,46px)}
 .cm-demo-panel{padding:20px}
 .cm-search-band{padding-bottom:25px}
 .cm-search-panel{padding:10px}
 .cm-search-panel textarea{font-size:16px}
 .cm-search-bottom{padding:10px 5px;flex-wrap:wrap}
 .cm-section{padding:55px 0}
 .cm-feature-grid,.cm-faq{grid-template-columns:1fr}
 .cm-feature{min-height:0}
 .cm-feature h3{margin-top:23px}
 .cm-price-card{grid-template-columns:1fr}
 .cm-price-action{justify-items:start}
 .cm-price-action small{text-align:left}
 .cm-auth-layout{grid-template-columns:1fr;max-width:500px;margin-top:22px;gap:16px}
 .cm-auth-story{padding:0 3px}
 .cm-auth-story h1{font-size:37px;margin:14px 0}
 .cm-auth-story>p{margin-bottom:0;font-size:13px}
 .cm-auth-mini{display:none}
 .cm-auth-card{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){
 .cm-btn{transition:none!important;transform:none!important}
}

