/* Public product page. No remote fonts, trackers, fake live counters or sandbox. */
.c-public { max-width:1240px; padding:0 44px; margin:0 auto; }
.c-publicnav { display:flex; align-items:center; justify-content:space-between; gap:25px; height:94px; border-bottom:1px solid var(--line); }
.c-logo { display:inline-flex; align-items:center; gap:10px; font-size:21px; font-weight:750; letter-spacing:-.6px; }
.c-logo>span { color:var(--on-accent); background:var(--accent); font:850 14px ui-monospace,monospace; padding:5px 7px; border-radius:4px; letter-spacing:-.8px; }
.c-publicnav nav { display:flex; align-items:center; gap:32px; font-size:12px; color:var(--muted); }
.c-loginlink { color:var(--text)!important; border:1px solid var(--line2); border-radius:5px; padding:9px 14px; }
.c-loginlink svg { width:14px; height:14px; margin-left:9px; }
.c-hero { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; padding:100px 0 90px; }
.c-kicker { display:flex; align-items:center; gap:8px; color:var(--muted); font:600 10px/1.5 ui-monospace,monospace; letter-spacing:1.5px; margin:0 0 20px; }
.c-kicker>span { background:var(--accent); width:5px; height:5px; border-radius:1px; }
.c-herocopy h1 { font-size:54px; font-weight:650; line-height:1.12; letter-spacing:-2.5px!important; margin:0 0 23px; color:var(--text); }
.c-herocopy h1 em { font-style:normal; color:var(--accent); }
.c-herocopy>p:not(.c-kicker) { font-size:15px; line-height:1.9; color:var(--muted); margin:0 0 29px; }
.c-heroactions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.c-quietlink { font-size:11px; color:var(--muted)!important; }
.c-quietlink svg { width:13px; height:13px; }
.c-herofoot { display:flex; gap:18px; margin-top:31px; color:var(--muted); font-size:10px; flex-wrap:wrap; }
.c-herofoot span { display:flex; align-items:center; gap:6px; }
.c-herofoot svg { width:13px; height:13px; }
.c-productpreview { background:var(--side); border:1px solid var(--line2); border-radius:8px; overflow:hidden; box-shadow:0 28px 50px -36px #000; transform:translateY(6px); }
.c-previewbar { display:flex; align-items:center; gap:14px; padding:13px 15px; border-bottom:1px solid var(--line); background:var(--surface); }
.c-previewbrand { color:var(--accent); font:850 14px ui-monospace,monospace; }
.c-previewbrand>span { color:var(--text); font-weight:500; }
.c-previewbar>small { font-size:8px; letter-spacing:.7px; color:var(--muted); }
.c-previewcontrols { margin-left:auto; font-size:10px; color:var(--muted); }
.c-previewbody { display:flex; }
.c-previewnav { display:flex; flex-direction:column; align-items:center; gap:15px; padding:22px 10px; border-right:1px solid var(--line); }
.c-previewnav>span { padding:6px; color:var(--muted); }
.c-previewnav>span.on { background:var(--accent-tint); color:var(--accent); border-radius:4px; }
.c-previewnav svg { width:15px; height:15px; }
.c-previewcontent { flex:1; min-width:0; padding:22px 18px; }
.c-previewtitle { display:flex; align-items:center; justify-content:space-between; margin-bottom:19px; }
.c-previewtitle small { color:var(--muted); font-size:7px; letter-spacing:1px; }
.c-previewtitle h2 { font-size:19px; margin:2px 0 0; font-weight:600; }
.c-previewbutton { font-size:8px; color:var(--on-accent); background:var(--accent); border-radius:3px; padding:6px 9px; }
.c-previewmetrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.c-previewmetrics>div { border:1px solid var(--line); border-radius:4px; padding:11px 10px; background:var(--surface); }
.c-previewmetrics small { display:block; color:var(--muted); font-size:8px; }
.c-previewmetrics b { font-size:24px; font-weight:500; display:block; margin-top:5px; }
.c-previewlist { border:1px solid var(--line); border-radius:4px; background:var(--surface); margin:12px 0; }
.c-previewlist>p { display:flex; justify-content:space-between; font-size:10px; margin:0; padding:10px 12px; border-bottom:1px solid var(--line); }
.c-previewlist>p>span { color:var(--accent); font-size:8px; }
.c-previewlist>div { padding:10px 12px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.c-previewlist>div:last-child { border:0; }
.c-previewlist>div>svg { color:var(--muted); width:16px; height:16px; }
.c-previewlist b { font-size:9px; font-weight:550; display:block; }
.c-previewlist small { font-size:8px; color:var(--muted); display:block; margin-top:1px; }
.c-previewlist em { margin-left:auto; color:var(--muted); font-style:normal; font-size:7px; border:1px solid var(--line2); border-radius:3px; padding:2px 5px; }
.c-previewterminal { border:1px solid var(--line); border-radius:4px; background:var(--terminal); padding:14px; font:9px/1.6 ui-monospace,monospace; color:var(--muted); }
.c-previewterminal>span { color:var(--accent); }
.c-previewterminal p { margin:5px 0; }
.c-previewterminal small { font:inherit; }
.c-cursor { color:var(--accent); margin-left:4px; }
.c-publicservices { border-top:1px solid var(--line); padding:68px 0 34px; scroll-margin-top:20px; }
.c-publicsectionhead { position:relative; margin-bottom:34px; }
.c-publicsectionhead>.c-kicker { margin-bottom:13px; }
.c-public h2 { color:var(--text); }
.c-publicsectionhead h2,.c-publicworkflow h2 { font-size:34px; line-height:1.23; font-weight:600; letter-spacing:-1.1px!important; margin:0; }
.c-publicsectionhead>p:last-child { max-width:330px; color:var(--muted); font-size:13px; line-height:1.8; position:absolute; right:0; bottom:0; margin:0; }
.c-publicfeaturegrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.c-publicfeaturegrid article { border:1px solid var(--line); background:var(--surface); border-radius:6px; padding:25px; }
.c-featuretop { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }
.c-featuretop svg { width:22px; height:22px; color:var(--accent); }
.c-featuretop small { color:var(--muted); font:11px ui-monospace,monospace; }
.c-publicfeaturegrid h3 { font-size:15px; font-weight:550; margin:0 0 11px; }
.c-publicfeaturegrid p { color:var(--muted); font-size:12px; line-height:1.9; margin:0; }
.c-servicenames { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; color:var(--muted); font-size:10px; padding:30px 0 5px; }
.c-servicenames span { color:var(--line2); }
.c-publicworkflow { display:grid; grid-template-columns:1fr 1fr; gap:100px; border-top:1px solid var(--line); padding:66px 0; margin-top:23px; }
.c-publicworkflow>div>p:not(.c-kicker) { color:var(--muted); font-size:13px; line-height:1.9; margin:20px 0 23px; max-width:390px; }
.c-publicworkflow ol { list-style:none; padding:0; margin:0; }
.c-publicworkflow li { display:flex; gap:21px; padding:20px 0; border-bottom:1px solid var(--line); }
.c-publicworkflow li:first-child { padding-top:0; }
.c-publicworkflow li>b { color:var(--accent); font:14px ui-monospace,monospace; padding-top:3px; }
.c-publicworkflow li strong { font-size:14px; font-weight:550; }
.c-publicworkflow li p { color:var(--muted); font-size:12px; line-height:1.7; margin:7px 0 0; }
.c-publicfooter { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid var(--line); padding:30px 0; margin:0!important; font-size:11px; background:none!important; color:var(--muted); text-align:left; }
.c-publicfooter p { font-size:11px; }
.c-publicfooter .c-logo { font-size:16px; color:var(--text); }
.c-publicfooter .c-logo>span { font-size:11px; }
.c-publicfooter>a:last-child svg { width:13px; height:13px; margin-left:8px; }
.c-notfound { max-width:600px; margin:10vh auto; padding:25px; }
.c-notfound .c-logo { margin-bottom:70px; }
.c-notfound h1 { font-size:60px; letter-spacing:-3px; margin:0 0 15px; }
.c-notfound>p:not(.c-kicker) { color:var(--muted); margin-bottom:25px; }
@media(max-width:1100px) { .c-hero { gap:30px; } .c-herocopy h1 { font-size:45px; } .c-public { padding-inline:30px; } .c-publicworkflow { gap:50px; } }
@media(max-width:800px) { .c-public { padding-inline:24px; } .c-publicnav { height:76px; } .c-publicnav nav { gap:20px; } .c-hero { grid-template-columns:1fr; padding:55px 0; gap:40px; } .c-herocopy h1 { font-size:49px; } .c-productpreview { max-width:560px; width:100%; justify-self:center; } .c-publicsectionhead>p:last-child { position:static; margin-top:18px; } .c-publicfeaturegrid { grid-template-columns:1fr; } .c-publicfeaturegrid article { padding:23px; } .c-featuretop { margin-bottom:15px; } .c-publicservices { padding-top:43px; } .c-publicworkflow { grid-template-columns:1fr; padding:44px 0; gap:35px; } .c-publicfooter { flex-wrap:wrap; gap:12px; } .c-publicfooter p { width:100%; order:3; } }
@media(max-width:480px) { .c-public { padding-inline:20px; } .c-publicnav nav>a:not(.c-loginlink) { display:none; } .c-herocopy h1 { font-size:42px; letter-spacing:-1.8px!important; } .c-hero { padding-top:45px; } .c-herofoot { gap:13px; font-size:9px; } .c-previewnav { padding-inline:6px; gap:13px; } .c-previewcontent { padding:17px 12px; } .c-previewbar>small { font-size:6px; letter-spacing:.2px; } .c-previewtitle h2 { font-size:16px; } .c-previewmetrics { gap:5px; } .c-previewmetrics>div { padding:10px 7px; } .c-previewmetrics small { font-size:7px; } .c-previewlist em { font-size:6px; } .c-publicsectionhead h2,.c-publicworkflow h2 { font-size:29px; } .c-servicenames { gap:11px; font-size:9px; } .c-loginlink { padding:8px 10px; } }
@media(max-width:480px) {
 .c-herofoot { font-size:11px; gap:12px 16px; line-height:1.6; }
 .c-servicenames { font-size:11px; line-height:1.8; gap:8px 12px; }
}