/* SumClarTech shared styles: design tokens, header, footer, buttons, forms. Loaded by every page.
   Minimalist system: one neutral scale, one accent, 8px spacing rhythm, 1px hairlines, no gradients or glows.
   Light by default; follows the visitor's system dark mode. */
:root{color-scheme:light dark;
 --bg:#ffffff;--soft:#f6f7f9;--surface:#ffffff;--line:#e4e7ec;--line-strong:#cfd4dc;
 --tx:#101828;--mut:#475467;--faint:#667085;
 --accent:#0f766e;--accent-hover:#115e59;--accent-ink:#ffffff;--accent-soft:#e6f4f1;
 --danger:#b42318;--ok:#067647;
 --r:12px;--r-sm:8px;--shadow:0 1px 2px rgba(16,24,40,.06);
 --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 --maxw:1120px}
@media(prefers-color-scheme:dark){:root{
 --bg:#0d1117;--soft:#12171f;--surface:#12171f;--line:#222a35;--line-strong:#313a48;
 --tx:#f2f4f7;--mut:#a4adba;--faint:#8b95a4;
 --accent:#2dd4bf;--accent-hover:#5eead4;--accent-ink:#06211d;--accent-soft:#0f2a27;
 --danger:#f97066;--ok:#47cd89;--shadow:none}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.sct-skip{position:absolute;left:12px;top:-60px;z-index:10000;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:var(--r-sm);font:600 .95rem var(--font);text-decoration:none}.sct-skip:focus{top:8px}

/* ---------- buttons ---------- */
.btn,.sct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-sm);font:600 .95rem/1 var(--font);text-decoration:none;cursor:pointer;border:1px solid var(--line-strong);background:transparent;color:var(--tx);transition:background .15s,border-color .15s;white-space:nowrap}
.btn:hover{background:var(--soft)}
.btn-primary,.sct-btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn-primary:hover,.sct-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn[disabled]{opacity:.6;cursor:not-allowed}

/* ---------- header ---------- */
.sct-nav,.sct-foot{font:16px/1.5 var(--font);color:var(--tx)}
.sct-nav{position:sticky;top:0;z-index:9999;background:var(--bg);border-bottom:1px solid var(--line)}
@supports(background:color-mix(in srgb,red,blue)){.sct-nav{background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
.sct-w{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sct-nav a,.sct-foot a{text-decoration:none}
.sct-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}
.sct-logo img{width:32px;height:32px;display:block}.sct-logo b{font-weight:700;color:var(--accent)}
.sct-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;color:var(--mut);font-size:.95rem}
.sct-nav ul a{display:inline-block;padding:6px 0;border-bottom:2px solid transparent}.sct-nav ul a:hover{color:var(--tx)}.sct-nav ul a[aria-current]{color:var(--tx);border-bottom-color:var(--accent)}
.sct-r{display:flex;align-items:center;gap:10px}
.sct-btn{min-height:40px;padding:0 16px;font-size:.9rem}
.sct-burger{display:none;width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:transparent;color:var(--tx);cursor:pointer;padding:0;align-items:center;justify-content:center}
.sct-burger svg{width:22px;height:22px}
@media(max-width:900px){.sct-burger{display:inline-flex}.sct-nav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:6px 16px 12px;background:var(--bg);border-bottom:1px solid var(--line);font-size:1.05rem}.sct-nav ul.open{display:flex}.sct-nav ul a{display:block;padding:14px 8px;border-bottom:0}.sct-nav ul li+li{border-top:1px solid var(--line)}.sct-nav ul a[aria-current]{color:var(--accent);font-weight:600}}
@media(max-width:600px){.sct-w{padding:0 16px;height:56px}.sct-logo{font-size:1rem}.sct-logo img{width:30px;height:30px}.sct-btn{padding:0 12px;font-size:.85rem}}
@media(max-width:380px){.sct-logo span{font-size:.95rem}.sct-btn{padding:0 10px;font-size:.8rem}}
@media(max-width:350px){.sct-w{padding:0 12px;gap:8px}.sct-logo{gap:7px;font-size:.9rem}.sct-logo img{width:28px;height:28px}.sct-btn{padding:0 9px;font-size:.76rem;min-height:38px}.sct-r{gap:6px}.sct-burger{width:40px;height:40px}}

/* ---------- footer: brand + links on one row, legal on its own line ---------- */
.sct-foot{border-top:1px solid var(--line);background:var(--bg);color:var(--mut);font-size:.9rem;padding:32px 0}
.sct-foot .sct-w{height:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 32px}
.sct-foot .f-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--tx)}.sct-foot .f-brand img{width:24px;height:24px}
.sct-foot .f-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.sct-foot a:hover{color:var(--tx);text-decoration:underline}
.sct-foot .f-legal{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid var(--line);color:var(--faint);font-size:.85rem;display:flex;flex-wrap:wrap;gap:4px 16px}
@media(max-width:700px){.sct-foot .sct-w{grid-template-columns:1fr;padding:0 16px}}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}
.field label,.field legend{font-weight:600;font-size:.92rem}
.field .opt{font-weight:400;color:var(--faint)}
.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 12px;min-height:44px}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.field .hint{font-size:.85rem;color:var(--faint);margin:0}
.field .err{font-size:.85rem;color:var(--danger);margin:0;min-height:0}
.field [aria-invalid=true]{border-color:var(--danger)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:640px){.form-row{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;font-size:.92rem}.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--accent)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert{border:1px solid var(--line-strong);border-radius:var(--r);padding:14px 16px;margin:0 0 18px;font-size:.95rem}
.alert.ok{border-color:var(--ok);background:var(--accent-soft)}.alert.bad{border-color:var(--danger)}