@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#080b09;--panel:#141a16;--muted:#b4c1b8;--lime:#b7f447;--white:#f4f7f4;--line:#344038}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:17px/1.65 'DM Sans',sans-serif}a{color:inherit}h1,h2,h3,.btn{font-family:Manrope,sans-serif}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(42px,5vw,76px);margin:20px 0 24px}h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0 24px}h3{font-size:23px;margin:12px 0}p{margin:0 0 22px}.wrap{width:min(1200px,90%);margin:auto}header{border-bottom:1px solid var(--line);background:#0b1421}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0}.brand{font:800 24px/1 Manrope,sans-serif;text-decoration:none;letter-spacing:-.03em}.brand span{color:var(--lime)}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px;font-weight:700}nav a[aria-current=page]{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lime);border-radius:8px;background:var(--lime);color:#14200b;padding:13px 22px;text-decoration:none;font-weight:800;font-size:16px;line-height:1.4}.btn.secondary{background:transparent;color:var(--white);border-color:#647990}.btn:hover{filter:brightness(1.08)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--lime);font-size:13px;font-weight:800}.intro{font-size:20px;color:#c1ccda;max-width:650px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:78px 0}.hero.single{display:block;padding-bottom:45px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 16px}.note{font-size:14px;color:var(--muted)}.pill{display:inline-block;border:1px solid #40542c;color:#d1fda1;background:#152317;padding:7px 12px;border-radius:30px;font-size:13px}.sample{background:#f5f7fb;color:#17273a;border-radius:15px;box-shadow:0 25px 70px #0007;overflow:hidden;transform:rotate(-2deg)}.sample-top{background:#142333;color:white;padding:17px 22px;display:flex;justify-content:space-between;font-weight:800;font-size:14px}.sample-body{padding:24px}.sample-title{font:800 25px Manrope,sans-serif;margin-bottom:20px}.sample-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.sample-stats div{background:white;padding:14px 10px;border:1px solid #d9e1ec;border-radius:8px}.sample-stats strong{display:block;font:800 24px Manrope,sans-serif}.sample-stats span{font-size:11px;color:#5e6c7d}.sample-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-top:1px solid #dbe2eb;font-size:14px}.sample-row small{display:block;color:#5e6c7d}.tag{font-size:11px;font-weight:700;background:#e0eccd;color:#38521d;padding:5px 8px;border-radius:20px;align-self:center}.sample-caption{margin:16px 0 0;font-size:12px;color:#5e6c7d}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1928;padding:24px 0}.strip .wrap{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:14px;color:#d0dbe8}.section{padding:70px 0}.section-heading{max-width:700px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.card p{color:var(--muted);font-size:16px}.card a{color:var(--lime);font-weight:700}.number{color:var(--lime);font:800 14px Manrope,sans-serif}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.big-note{background:#14251b;border:1px solid #3a593a;padding:36px;border-radius:12px}.big-note h2{color:var(--lime)}ul{padding-left:22px;color:#c3cfdd}li{margin:10px 0}.price{font:800 48px/1 Manrope,sans-serif;color:var(--lime);margin:22px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:580px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-size:15px}th{color:var(--lime);background:#122133}.cta{padding:50px;background:linear-gradient(115deg,#142b26,#142238);border:1px solid #35554f;border-radius:14px}.cta p{max-width:650px;color:#c3cfdd}.faq{max-width:900px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;font-size:19px;cursor:pointer}details p{margin:16px 0 0;color:var(--muted)}footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}.powered{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.powered img{width:95px;height:40px;object-fit:contain}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#fff;color:#000;padding:12px;z-index:5}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column}nav{gap:18px}.hero{gap:30px}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}.sample{transform:none}.grid,.split{grid-template-columns:1fr}.section{padding:45px 0}nav{gap:16px}nav .btn{padding:9px 13px}.cta{padding:30px 24px}.hero.single{padding-bottom:20px}.big-note{padding:26px}.sample-body{padding:20px}.sample-stats strong{font-size:20px}}

/* Match OPS themes; softer shapes and restrained spacing. */
header{background:var(--bg)}
.btn{border-radius:999px}
.card,.big-note,.cta{border-radius:24px}
.sample{border-radius:24px;transform:none}
.strip{background:var(--panel)}
.intro,.cta p,ul{color:var(--muted)}
.big-note{background:var(--panel);border-color:var(--line)}
.cta{background:var(--panel);border-color:var(--line)}
.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:999px;padding:9px 13px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.theme-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
html[data-mode=light]{--bg:#f5f8fc;--panel:#fff;--muted:#4a6078;--lime:#315b89;--white:#132c47;--line:#d4dfeb}
html[data-mode=light] .btn{color:white}
html[data-mode=light] .btn.secondary{color:var(--white)}
html[data-mode=light] .pill{background:#e9f0fa;border-color:#bdcfe6;color:#234c79}
html[data-mode=light] .strip .wrap{color:var(--white)}
html[data-mode=light] th{background:#edf3fb}
html[data-mode=light] .sample{box-shadow:0 20px 50px #18304c18}
.team-sizes{display:flex;gap:12px;flex-wrap:wrap}

/* Owner-approved charcoal public-site palette and monochrome OPS branding. */
:root{--bg:#202428;--panel:#2b3036;--muted:#c2c7ce;--lime:#f5f5f5;--white:#f5f5f5;--line:#505861}
.btn{color:#202428}.btn.secondary{border-color:#929ba5}.pill{color:#f5f5f5;background:#2b3036;border-color:#606973}th{background:#2b3036}.strip .wrap{color:var(--white)}
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:145px;height:60px;object-fit:contain}.logo-light{display:none}.social-brand{display:inline-flex;align-items:center;padding:5px 8px;border-radius:10px}.social-brand img{width:94px;height:40px;object-fit:contain}.social-brand[aria-current=page]{outline:1px solid #167d8d;outline-offset:3px}
html[data-mode=light] .logo-dark{display:none}html[data-mode=light] .logo-light{display:block}html[data-mode=light] .social-brand{background:transparent}
@media(max-width:650px){.brand img{width:125px;height:52px}.social-brand img{width:85px;height:36px}nav{gap:14px}}

/* Public-site navigation and interactive sample, October 12. */
html{scroll-behavior:smooth}header{position:sticky;top:0;z-index:10}.header-inner{position:relative}nav a:not(.btn):not(.social-brand){padding:8px 0}nav a[aria-current=page]:not(.social-brand){text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.social-brand[aria-current=page]{outline-color:#c6ad78}.social-brand img{width:112px;height:47px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--white);padding:10px 16px;font:700 15px 'DM Sans',sans-serif;cursor:pointer}.social-hero-logo{display:block;width:min(340px,80%);height:auto;margin:25px 0}.preview-tabs{display:flex;gap:6px;margin-bottom:25px;padding:4px;background:#e8edf3;border-radius:999px}.preview-tabs button{flex:1;border:0;background:transparent;color:#41536a;border-radius:999px;padding:10px 8px;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.preview-tabs button[aria-selected=true]{background:#202428;color:#fff}.sample [role=tabpanel]{min-height:285px}.sample [hidden]{display:none}.sample-label{display:block;color:#5e6c7d;font-size:12px}.preview-heading{font-size:25px;margin:12px 0 20px}.preview-details{margin:0}.preview-details div{border-top:1px solid #dbe2eb;padding:12px 0}.preview-details dt{font-size:11px;color:#5e6c7d}.preview-details dd{margin:0;font-size:14px;font-weight:600}.preview-total{font-size:20px}.preview-hint{font-size:13px;color:#5e6c7d;margin:20px 0}.workflow-list{padding-left:25px}.workflow-list li{padding:10px 0}.faq a{text-underline-offset:4px}button:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.sample button:focus-visible,.sample [role=tabpanel]:focus-visible{outline-color:#315b89}section[id]{scroll-margin-top:110px}
@media(max-width:1050px){nav{gap:16px}.brand img{width:125px;height:52px}.header-inner{gap:16px}}
@media(max-width:900px){.header-inner{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 0}nav{width:100%}html.js .menu-toggle{display:block}html.js nav{display:none}html.js nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:14px 0 6px}html.js nav a{text-align:center;padding:12px!important}html.js nav .social-brand{justify-content:center}html.js nav .theme-toggle{margin-top:8px}.hero{gap:32px}}
@media(max-width:650px){h1{font-size:clamp(38px,10vw,54px)}.hero{padding:40px 0}.actions .btn{width:100%}.sample-stats div{padding:12px 8px}.sample [role=tabpanel]{min-height:300px}.section-heading{margin-bottom:24px}.footer-top{flex-direction:column;align-items:flex-start}.powered img{width:110px}.sample-top{font-size:11px;padding:15px 18px}.preview-tabs button{font-size:12px}.social-hero-logo{width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Founder story: readable narrative width across both public themes. */
.story-section{padding-top:12px}.story-copy{max-width:820px;margin:0 auto}.story-copy>p{font-size:20px;line-height:1.8;color:var(--muted);margin-bottom:28px}.story-copy .big-note{margin-top:38px}.story-copy .big-note h2{font-size:clamp(28px,3vw,38px)}

.founder-headline{font-size:clamp(40px,4.4vw,62px)}