/* Anrixa v16 — refined main identity, static crawlable structure, light/dark toggle. */
:root {
  color-scheme: light;
  --background: #f7fafc;
  --foreground: #07111f;
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --surface-soft: #eaf3fa;
  --muted: #557087;
  --muted-2: #6c7f92;
  --border: #d7e2ea;
  --input: #d7e2ea;
  --primary: #0673b5;
  --primary-2: #22d3ee;
  --navy: #071f55;
  --ink: #050a18;
  --rose: #f32856;
  --orange: #f99925;
  --green: #0f9f7a;
  --ring: rgba(6,115,181,.22);
  --shadow-sm: 0 12px 34px rgba(7,17,31,.07);
  --shadow-md: 0 24px 70px rgba(7,17,31,.10);
  --shadow-hero: 0 30px 110px rgba(7,31,85,.18);
  --radius: 1.15rem;
  --max: 80rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif;
  --font-heading: Sora, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #050a18;
  --foreground: #f8fbff;
  --surface: rgba(255,255,255,.065);
  --surface-strong: rgba(255,255,255,.09);
  --surface-soft: rgba(34,211,238,.08);
  --muted: #b8c8d9;
  --muted-2: #8fa5ba;
  --border: rgba(255,255,255,.14);
  --input: rgba(255,255,255,.18);
  --primary: #22d3ee;
  --primary-2: #7dd3fc;
  --navy: #dff7ff;
  --ink: #ffffff;
  --ring: rgba(34,211,238,.28);
  --shadow-sm: 0 12px 38px rgba(0,0,0,.28);
  --shadow-md: 0 24px 80px rgba(0,0,0,.34);
  --shadow-hero: 0 34px 120px rgba(0,0,0,.48);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% -8%, rgba(34,211,238,.18), transparent 32rem),
    radial-gradient(circle at 90% 0%, rgba(6,115,181,.12), transparent 30rem),
    var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
:root[data-theme="dark"] body { background:
    radial-gradient(circle at 8% -8%, rgba(34,211,238,.20), transparent 36rem),
    radial-gradient(circle at 86% 5%, rgba(243,40,86,.14), transparent 34rem),
    #050a18; }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-2); }
img { max-width: 100%; height: auto; }
.skip-link { position:absolute; left:-999px; top:1rem; z-index:100; padding:.75rem 1rem; border-radius:999px; background:var(--foreground); color:var(--background); font-weight:800; }
.skip-link:focus { left:1rem; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  max-width: var(--max);
  margin: 0 auto;
  padding: 1rem 1.2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(18px);
}
.site-header::before { content:""; position:absolute; inset:.55rem .75rem; z-index:-1; border:1px solid var(--border); border-radius:1.6rem; background:color-mix(in srgb, var(--background) 82%, transparent); box-shadow:var(--shadow-sm); }
.brand { display:inline-flex; align-items:center; gap:.75rem; color:var(--foreground); min-width: 13rem; }
.brand-logo-img { width:2.65rem; height:2.65rem; object-fit:contain; border-radius:.85rem; background:#fff; padding:.18rem; box-shadow:0 12px 28px rgba(6,115,181,.16); }
.brand-name-line strong { display:block; font-family:var(--font-heading); font-size:1.05rem; letter-spacing:-.025em; line-height:1.05; }
.brand-name-line small { display:block; margin-top:.15rem; color:var(--muted); font-size:.72rem; letter-spacing:.08em; }
.main-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.35rem; }
.nav-link { color:color-mix(in srgb, var(--foreground) 78%, var(--muted)); font-size:.86rem; font-weight:700; padding:.58rem .68rem; border-radius:999px; }
.nav-link:hover, .nav-link[aria-current="page"] { background:var(--surface-soft); color:var(--primary); }
.theme-toggle { cursor:pointer; border:1px solid var(--border); background:var(--surface); color:var(--foreground); min-width: 6.1rem; min-height: 2.55rem; padding:0 .85rem; border-radius:999px; font-weight:900; font-size:.82rem; box-shadow:var(--shadow-sm); }
.theme-toggle:hover { border-color:var(--primary); color:var(--primary); }
main { max-width: var(--max); margin:0 auto; padding:1.2rem 1.2rem 5rem; }
section { margin: 2.2rem 0; }
h1,h2,h3,h4 { font-family:var(--font-heading); margin:0; letter-spacing:-.045em; line-height:1.08; color:var(--foreground); }
h1 { font-size:clamp(2.75rem, 7vw, 6rem); max-width: 64rem; }
h2 { font-size:clamp(1.9rem, 4vw, 3.6rem); }
h3 { font-size:1.3rem; }
p { color:var(--muted); margin:.8rem 0 0; }
ul { color:var(--muted); padding-left:1.25rem; }
li { margin:.35rem 0; }
.eyebrow { display:inline-flex; width:max-content; color:var(--primary); font-size:.75rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; margin:0 0 1rem; }
.lead { font-size:clamp(1.05rem, 2vw, 1.32rem); line-height:1.72; color:color-mix(in srgb, var(--muted) 84%, var(--foreground)); max-width: 54rem; }
.hero { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:2rem; background:#050a18; color:#fff; box-shadow:var(--shadow-hero); padding:clamp(3.4rem, 7vw, 6.5rem); isolation:isolate; }
.hero::before { content:""; position:absolute; inset:0; opacity:.75; background-image:linear-gradient(to right, rgba(255,255,255,.075) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.075) 1px, transparent 1px); background-size:28px 28px; z-index:-3; }
.hero::after { content:""; position:absolute; right:-10rem; top:-10rem; width:34rem; height:34rem; border-radius:50%; background:radial-gradient(circle, rgba(34,211,238,.34), rgba(6,115,181,.16) 42%, transparent 70%); filter:blur(8px); z-index:-2; }
.hero h1, .hero h2, .hero h3 { color:#fff; }
.hero .eyebrow { color:#cff8ff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); padding:.45rem .75rem; border-radius:999px; }
.hero .lead, .hero p { color:#c9d6e4; }
.hero.compact { padding:clamp(2.9rem, 6vw, 5rem); }
.hero-home { min-height: 32rem; display:flex; flex-direction:column; justify-content:center; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:2.9rem; padding:0 1.15rem; border-radius:999px; border:1px solid transparent; font-weight:900; transition:.18s ease; }
.button-primary { background:linear-gradient(135deg,#22d3ee,#0673b5); color:#03121c; box-shadow:0 16px 32px rgba(34,211,238,.22); }
.button-primary:hover { transform:translateY(-1px); color:#03121c; }
.button-secondary { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); color:#fff; }
.content-deep .button-secondary, main > section:not(.hero) .button-secondary { background:var(--surface); border-color:var(--border); color:var(--foreground); }
.text-link { display:inline-block; margin-top:1.1rem; font-weight:900; }
.signal-strip { display:flex; flex-wrap:wrap; justify-content:center; gap:.65rem; padding:1rem; border:1px solid var(--border); border-radius:1.6rem; background:var(--surface); box-shadow:var(--shadow-sm); }
.signal-strip span { color:var(--foreground); padding:.5rem .75rem; border-radius:999px; background:var(--surface-soft); font-weight:800; font-size:.9rem; }
.section-heading { max-width: 54rem; margin-bottom:1.4rem; }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.card, .contact-card, .notice, .article, .article-card, .price-card, .proof-item, .toc-box, .diagram-card { position:relative; border:1px solid var(--border); border-radius:1.65rem; background:var(--surface-strong); padding:1.55rem; box-shadow:var(--shadow-sm); overflow:hidden; }
.card::after, .proof-item::after, .price-card::after { content:""; position:absolute; right:-3rem; top:-3rem; width:8rem; height:8rem; border-radius:50%; background:rgba(34,211,238,.10); pointer-events:none; }
.card h3, .contact-card h3, .proof-item h3 { margin-bottom:.45rem; }
.card a { display:inline-block; margin-top:1rem; font-weight:900; }
.pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.pillar { border:1px solid var(--border); border-radius:1.45rem; padding:1.35rem; background:var(--surface); box-shadow:var(--shadow-sm); }
.pillar span { display:inline-flex; width:2.15rem; height:2.15rem; align-items:center; justify-content:center; border-radius:.85rem; background:var(--surface-soft); color:var(--primary); font-weight:900; margin-bottom:.75rem; }
.pillar strong { display:block; font-family:var(--font-heading); color:var(--foreground); font-size:1.05rem; }
.split-panel { display:grid; grid-template-columns:1.05fr .95fr; gap:1.15rem; align-items:stretch; border:1px solid var(--border); border-radius:1.9rem; background:var(--surface); padding:1.45rem; box-shadow:var(--shadow-md); }
.terminal-card { min-height:18rem; border-radius:1.45rem; background:#07111f; color:#dff7ff; padding:1.45rem; display:flex; flex-direction:column; justify-content:center; gap:.75rem; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); }
.terminal-card span { display:block; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:.55rem; }
.content-deep, .wide-text, .pricing-table, .faq { border:1px solid var(--border); border-radius:1.9rem; background:var(--surface-strong); padding:clamp(1.5rem, 4vw, 2.6rem); box-shadow:var(--shadow-sm); }
.content-deep p, .wide-text p, .article-body p { font-size:1.02rem; line-height:1.85; }
.content-deep h3, .article-body h2, .article-body h3 { margin-top:1.6rem; }
.context-links { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.4rem; }
.context-links a { padding:.55rem .75rem; border-radius:999px; background:var(--surface-soft); font-weight:900; }
.cta-section { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr auto; align-items:center; gap:1rem; border-radius:2rem; padding:clamp(2rem, 5vw, 4rem); background:#071f55; color:#fff; box-shadow:var(--shadow-hero); }
.cta-section::before { content:""; position:absolute; inset:0; background-image:linear-gradient(to right, rgba(255,255,255,.075) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.075) 1px, transparent 1px); background-size:28px 28px; opacity:.7; }
.cta-section > * { position:relative; }
.cta-section h2 { color:#fff; }
.cta-section p { color:#c7d6e6; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.contact-form-section { border:1px solid var(--border); border-radius:1.9rem; padding:clamp(1.5rem, 4vw, 2.4rem); background:var(--surface-strong); box-shadow:var(--shadow-md); }
.contact-form { display:grid; gap:1rem; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
label span { display:block; color:var(--foreground); font-size:.9rem; font-weight:900; margin-bottom:.35rem; }
input, select, textarea { width:100%; border:1px solid var(--input); border-radius:1rem; background:var(--background); color:var(--foreground); padding:.8rem .9rem; outline:none; }
textarea { resize:vertical; min-height:11rem; }
input:focus, select:focus, textarea:focus { border-color:var(--primary); box-shadow:0 0 0 4px var(--ring); }
.consent-row { display:flex; gap:.7rem; align-items:flex-start; color:var(--muted); }
.consent-row input { width:1rem; margin-top:.35rem; }
.form-hp { position:absolute; left:-9999px; opacity:0; pointer-events:none; }
.form-actions { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.form-status { min-height:1.4rem; font-weight:800; }
.form-status[data-kind="success"] { color:var(--green); }
.form-status[data-kind="error"] { color:var(--rose); }
.article-body { max-width:58rem; margin:2rem auto 4rem; border:1px solid var(--border); border-radius:1.9rem; background:var(--surface-strong); padding:clamp(1.6rem, 4vw, 3rem); box-shadow:var(--shadow-sm); }
.article-body h1 { font-size:clamp(2.4rem, 5vw, 4.2rem); }
.article-body h2 { font-size:clamp(1.6rem, 3vw, 2.5rem); }
.meta-row { display:flex; flex-wrap:wrap; gap:.55rem; margin:0 0 1.3rem; }
.meta-row span { padding:.42rem .7rem; border-radius:999px; background:var(--surface-soft); color:var(--primary); font-size:.8rem; font-weight:900; }
.article-list { display:grid; gap:1rem; }
.article-card { display:block; }
.price-card { display:flex; flex-direction:column; }
.proof-list { display:grid; gap:1rem; }
.faq details { border-top:1px solid var(--border); padding:1rem 0; }
.faq details:first-child { border-top:0; }
.faq summary { cursor:pointer; color:var(--foreground); font-weight:900; font-size:1.05rem; }
.public-profiles { border:1px solid var(--border); border-radius:1.7rem; padding:1.5rem; background:var(--surface); }
.site-footer { max-width:var(--max); margin:0 auto; padding:2.5rem 1.2rem 3rem; display:grid; grid-template-columns:1fr 2fr auto; gap:1.5rem; border-top:1px solid var(--border); color:var(--muted); }
.site-footer strong { color:var(--foreground); font-family:var(--font-heading); }
.footer-links { display:flex; flex-wrap:wrap; gap:.65rem 1rem; justify-content:center; }
.footer-links a { font-weight:800; }
.legal { text-align:right; }
@media (max-width: 980px) { .site-header { grid-template-columns:1fr auto; } .main-nav { grid-column:1 / -1; justify-content:flex-start; overflow:auto; padding-bottom:.15rem; } .card-grid, .pillar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .split-panel, .contact-grid, .cta-section, .site-footer { grid-template-columns:1fr; } .legal { text-align:left; } }
@media (max-width: 640px) { main { padding-inline:.9rem; } .site-header { padding-inline:.75rem; } .site-header::before { inset:.45rem; } .brand { min-width:0; } .brand-name-line small { display:none; } .card-grid, .pillar-grid, .form-grid { grid-template-columns:1fr; } .hero { padding:2.2rem 1.25rem; border-radius:1.45rem; } .content-deep, .contact-form-section, .cta-section { border-radius:1.45rem; } }