.marketing{--ink:#183847;--teal:#087f8c;color:var(--ink);font-family:Arial,sans-serif;background:#fafcfb;line-height:1.65}.marketing *{box-sizing:border-box}.marketing a{color:inherit}.site-nav{max-width:1200px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-nav img{display:block;height:auto}.site-nav>div{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:14px}.marketing .button{display:inline-block;background:var(--teal);color:white;padding:13px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:14px}.marketing .secondary{background:transparent;border:1px solid #abc6ca;color:var(--ink)}.marketing a:focus-visible{outline:3px solid #b07737;outline-offset:5px}.hero{max-width:1200px;margin:auto;padding:65px 32px 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--teal)}.marketing h1{font-size:clamp(42px,5.1vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0}.marketing h1 span{color:var(--teal)}.lead{font-size:19px;max-width:580px;color:#4e6771}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}.text-link{font-size:14px;font-weight:700}.fine{font-size:12px;color:#526c77}.log-panel{border:1px solid #b7ced0;border-radius:12px;background:white;padding:24px;box-shadow:18px 22px 0 #e5efec}.log-header{display:flex;justify-content:space-between;gap:14px;font-size:10px;font-weight:700;letter-spacing:1px;border-bottom:1px solid #cadbdd;padding-bottom:15px}.tracks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}.tracks>div{border-right:1px solid #dce8e9;text-align:center;font-size:11px}.tracks svg{display:block;width:100%;height:290px}.log-panel>p{font-size:10px;color:#526c77;margin-bottom:0}.section{padding:70px max(32px,calc((100vw - 1136px)/2));scroll-margin-top:20px}.marketing h2{font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-1px;margin:15px 0 32px}.marketing h3{font-size:20px;line-height:1.3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cards article{padding:26px 0;border-top:1px solid #b7ced0}.cards p,.workflow p,.split p{color:#4e6771}.number{font-size:12px;color:var(--teal);font-weight:bold}.tinted{background:#edf3f1}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-left:22px}.workflow li{padding-left:5px}.notice{padding:18px 22px;border-left:3px solid #b07737;background:#fffbf2;font-size:14px;margin-top:35px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.demo{background:var(--ink);color:white;text-align:center}.demo>p{max-width:660px;margin:18px auto}.demo .eyebrow{color:#93d6d3}.demo .fine{color:#c2d6dc}.demo .button{margin:12px 0}footer{padding:28px 32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#526c77}@media(max-width:800px){.site-nav{align-items:flex-start;flex-direction:column}.site-nav>div{gap:18px}.hero{grid-template-columns:1fr;gap:40px;padding-top:30px}.log-panel{max-width:480px;width:100%;margin:auto}.cards,.split{grid-template-columns:1fr;gap:20px}.workflow{grid-template-columns:1fr 1fr}.section{padding:45px 24px}.marketing h1{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){.marketing *{scroll-behavior:auto}}
/* Public website palette: navy, slate, turquoise and copper. */
.marketing{--ink:#f3f0e8;--teal:#62d5cc;background:#101f2c;color:var(--ink)}
.marketing .site-nav{border-bottom:1px solid #344a59}
.marketing .site-nav>a{background:#fff;border-radius:8px;padding:8px 12px}
.marketing .button{background:#62d5cc;color:#102b36}
.marketing .secondary{background:transparent;border-color:#6d8c9e;color:#f3f0e8}
.marketing .hero{background:radial-gradient(ellipse at 80% 40%,#193d4a 0%,#101f2c 65%)}
.marketing .lead,.marketing .cards p,.marketing .workflow p,.marketing .split p{color:#c5d3dc}
.marketing .fine{color:#afc3d0}
.marketing .log-panel{background:#f7faf8;color:#183847;border-color:#7997a0;box-shadow:18px 22px 0 #244553}
.marketing .log-panel>p{color:#526c77}
.marketing .cards article{border-color:#48606f}
.marketing .number,.marketing .workflow li::marker{color:#d8a576}
.marketing .tinted{background:#1c3243}
.marketing .notice{background:#2e3540;border-color:#d8a576;color:#f0ddc8}
.marketing .split{background:#142735}
.marketing .demo{background:#203e4b;border-top:1px solid #49636f}
.marketing .demo .eyebrow{color:#d8a576}
.marketing footer{background:#0b1924;color:#afc3d0;border-top:1px solid #344a59}
.marketing a:focus-visible{outline-color:#e5b98c}
/* White full-width header preserves the original logo background. */
.marketing .site-nav{max-width:none;background:#fff;color:#183847;padding:20px max(32px,calc((100vw - 1136px)/2));border-bottom:1px solid #dce7eb}
.marketing .site-nav>a{padding:0;background:transparent}
.marketing .site-nav .secondary{color:#183847;border-color:#9bb5bf;background:#fff}
