/* Minimal, modern landing styles */
:root{--bg:#0b0b10;--fg:#f2f3f5;--muted:#a6adbb;--card:#12131a;--line:#1b1d26;--acc:#5b8cff;--acc2:#00e0a4;}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#10121a 0%,#0b0b10 60%),#0b0b10;color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}

/* Manual theme toggle overrides */
:root[data-theme='light']{--bg:#f9f9fb;--fg:#0b0c10;--muted:#444;--card:#ffffff;--line:#ddd;--acc:#2d5cff;--acc2:#00b88a;}
:root[data-theme='light'] body{background:radial-gradient(1200px 600px at 80% -10%,#e4e8ff 0%,#f9f9fb 60%),#f9f9fb;color:var(--fg);}
:root[data-theme='light'] .site-header{background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);}
:root[data-theme='light'] .pill{background:rgba(45,92,255,.12);color:#2d5cff;border-color:rgba(45,92,255,.25);}
:root[data-theme='light'] .card{background:var(--card);border-color:var(--line);}
:root[data-theme='light'] input,select,textarea{background:#fff;color:#000;border-color:var(--line);}
:root[data-theme='light'] .btn{background:var(--acc);color:#fff;}
:root[data-theme='light'] .btn-light{background:#fff;color:#000;border-color:var(--line);}a{color:inherit}

/* Light theme */
@media (prefers-color-scheme: light){
  :root{--bg:#f9f9fb;--fg:#0b0c10;--muted:#444;--card:#ffffff;--line:#ddd;--acc:#2d5cff;--acc2:#00b88a;}
  body{background:radial-gradient(1200px 600px at 80% -10%,#e4e8ff 0%,#f9f9fb 60%),#f9f9fb;color:var(--fg);}
  .site-header{background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);}
  .pill{background:rgba(45,92,255,.12);color:#2d5cff;border-color:rgba(45,92,255,.25);}
  .card{background:var(--card);border-color:var(--line);}
  input,select,textarea{background:#fff;color:#000;border-color:var(--line);}
  .btn{background:var(--acc);color:#fff;}
  .btn-light{background:#fff;color:#000;border-color:var(--line);}
}

.container{max-width:1040px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,11,16,.6);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--line);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}.logo{font-weight:700;letter-spacing:.2px}
.nav .btn-small{padding:8px 12px;border:1px solid var(--line);border-radius:10px} .btn-small:hover{border-color:var(--acc)}
.logo{margin-right:auto}
.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.switches{display:flex;align-items:center;gap:10px}
.header-right .lang{position:relative}

/* Language switcher */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#0f1118;color:var(--fg);cursor:pointer}
.lang-btn:focus{outline:2px solid rgba(138,180,255,.5);outline-offset:2px}
.lang-btn .icon{font-size:18px}
.lang-menu{position:absolute;right:0;margin-top:8px;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:6px;list-style:none}
.lang-menu[hidden]{display:none}
.lang-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--fg)}
.lang-item .code{margin-left:auto;color:var(--muted);font-variant:all-small-caps}
.lang-item[aria-selected="true"],.lang-item:hover{background:#1a1e2a}

html[data-theme='light'] .lang-btn{background:#fff;color:#000;border-color:#ccc}
html[data-theme='light'] .lang-menu{background:#fff;border-color:#ddd}
html[data-theme='light'] .lang-item{color:#000}
html[data-theme='light'] .lang-item .code{color:#666}
html[data-theme='light'] .lang-item[aria-selected="true"],html[data-theme='light'] .lang-item:hover{background:#f0f2f8}

/* Theme toggle */
.theme-btn{margin-left:12px;height:36px;width:36px;border-radius:50%;border:1px solid var(--line);background:#0f1118;color:var(--fg);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
.theme-btn:hover{border-color:var(--acc)}
@media(prefers-color-scheme:light){.theme-btn{background:#fff;color:#000}}

/* Language switcher */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#0f1118;color:var(--fg);cursor:pointer}
.lang-btn:focus{outline:2px solid rgba(138,180,255,.5);outline-offset:2px}
.lang-btn .icon{font-size:18px}
.lang-menu{position:absolute;right:0;margin-top:8px;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:6px;list-style:none}
.lang-menu[hidden]{display:none}
.lang-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--fg)}
.lang-item .code{margin-left:auto;color:var(--muted);font-variant:all-small-caps}
.lang-item[aria-selected="true"],.lang-item:hover{background:#1a1e2a}

html[data-theme='light'] .lang-btn{background:#fff;color:#000;border-color:#ccc}
html[data-theme='light'] .lang-menu{background:#fff;border-color:#ddd}
html[data-theme='light'] .lang-item{color:#000}
html[data-theme='light'] .lang-item .code{color:#666}
html[data-theme='light'] .lang-item[aria-selected="true"],html[data-theme='light'] .lang-item:hover{background:#f0f2f8}

/* Theme toggle */
.theme-btn{margin-left:12px;height:36px;width:36px;border-radius:50%;border:1px solid var(--line);background:#0f1118;color:var(--fg);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
.theme-btn:hover{border-color:var(--acc)}
@media(prefers-color-scheme:light){.theme-btn{background:#fff;color:#000}}

.hero{padding:72px 0}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}}
.pill{display:inline-block;background:rgba(91,140,255,.12);color:#bcd0ff;border:1px solid rgba(91,140,255,.25);padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:14px}h1{font-size:44px;line-height:1.1;margin:8px 0 12px}code{background:#0f1118;border:1px solid var(--line);padding:2px 6px;border-radius:6px} .lead{color:var(--muted)}
html[data-theme='light'] code{background:#f5f7ff;border-color:#cfd7ff}
.hero-cta{display:flex;gap:10px;margin-top:14px}.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:600;text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn-light{background:transparent;border-color:var(--line)}.btn-light:hover{border-color:var(--acc)}

.hero-art .window{border:1px solid var(--line);background:linear-gradient(180deg,#11131b,#0e1016);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden}.window .dots{display:flex;gap:6px;padding:10px 12px}.window .dots span{width:10px;height:10px;border-radius:999px;background:#353848}.window .mock{padding:16px 18px;border-top:1px solid var(--line);font-size:14px;color:#d3d7e3}.rows{margin-top:10px;display:flex;flex-direction:column;gap:8px}.row{padding:10px 12px;background:#0f1219;border:1px solid var(--line);border-radius:10px}
html[data-theme='light'] .hero-art .window{background:linear-gradient(180deg,#ffffff,#f3f5fb)}
html[data-theme='light'] .window .dots span{background:#d5d8e6}
html[data-theme='light'] .window .mock{color:#1c2330}
html[data-theme='light'] .row{background:#ffffff}

.section{padding:64px 0}.alt{background:linear-gradient(180deg,#0c0d14,#0a0b11)}h2{font-size:28px;margin:0 0 16px}.grid{display:grid;gap:14px}.features{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.features{grid-template-columns:repeat(2,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px} .card h3{margin:0 0 6px;font-size:16px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.note{background:linear-gradient(180deg,#0e1016,#0c0e14);border:1px dashed #2a2d3a;padding:18px;border-radius:12px;color:#cfd6e6}
html[data-theme='light'] .alt{background:linear-gradient(180deg,#f7f8fc,#f1f4ff)}
html[data-theme='light'] .note{background:linear-gradient(180deg,#ffffff,#f4f6fb);border-color:#cfd6e6;color:#263042}

/* Contact form */
.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:780px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:1/-1}label{font-size:12px;color:var(--muted)}input,select,textarea{background:#0f1118;color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:12px 12px;font-size:14px}input:focus,select:focus,textarea:focus{outline:1px solid var(--acc)}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:16px;height:16px}.form-actions{display:flex;align-items:center;gap:12px}.form-note{color:var(--muted);font-size:12px}.error{color:#ff8b8b;height:14px;display:block}

.site-footer{border-top:1px solid var(--line);padding:26px 0;margin-top:32px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{opacity:.8}
html[data-theme='light'] .site-footer{background:#fff}

/* Manual theme overrides (take precedence over prefers-color-scheme) */
:root[data-theme='dark']{--bg:#0b0b10;--fg:#f2f3f5;--muted:#a6adbb;--card:#12131a;--line:#1b1d26;--acc:#5b8cff;--acc2:#00e0a4;}
:root[data-theme='light']{--bg:#f9f9fb;--fg:#0b0c10;--muted:#444;--card:#ffffff;--line:#ddd;--acc:#2d5cff;--acc2:#00b88a;}
html[data-theme='dark'] body{background:radial-gradient(1200px 600px at 80% -10%,#10121a 0%,#0b0b10 60%),#0b0b10;color:var(--fg);}
html[data-theme='light'] body{background:radial-gradient(1200px 600px at 80% -10%,#e4e8ff 0%,#f9f9fb 60%),#f9f9fb;color:var(--fg);}
html[data-theme='light'] .site-header{background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);}
html[data-theme='light'] .pill{background:rgba(45,92,255,.12);color:#2d5cff;border-color:rgba(45,92,255,.25);}
html[data-theme='light'] .card{background:var(--card);border-color:var(--line);}
html[data-theme='light'] input,html[data-theme='light'] select,html[data-theme='light'] textarea{background:#fff;color:#000;border-color:var(--line);}
html[data-theme='light'] .btn{background:var(--acc);color:#fff;}
html[data-theme='light'] .btn-light{background:#fff;color:#000;border-color:var(--line);}
html[data-theme='light'] .theme-btn{background:#fff;color:#000}