@import url(./modules/nav.css);@import url(./modules/hero.css);@import url(./modules/showcase-preview.css);@import url(./modules/frameworks.css);@import url(./modules/marketing-sections.css);@import url(./modules/narrative.css);:root{--q-bg:#f9f6f0;--q-bg-hero:#f7f3eb;--q-surface:#fff;--q-surface-subtle:#f2ece1;--q-surface-card:#fff;--q-surface-elevated:#fff;--q-border:#e8e1d5;--q-border-strong:#d5cbb9;--q-text-primary:#17212d;--q-text-secondary:#5a6672;--q-text-muted:#87929d;--q-terracotta:#d45b34;--q-terracotta-hover:#bf4c26;--q-terracotta-subtle:rgba(212,91,52,.1);--q-slate-dark:#172635;--q-slate-dark-hover:#0e1a26;--q-gold:#d9822b;--q-teal:#1f6b75;--q-dark-terminal:#1b2430;--q-dark-terminal-head:#141c26;--q-dark-terminal-border:rgba(255,255,255,.1);--q-font-heading:var(--qhr-font-family-primary,var(--qhr-font-heading,'Alexandria','Cairo',system-ui,sans-serif));--q-font-body:var(--qhr-font-body,'Cairo','Alexandria',system-ui,sans-serif);--q-font-mono:var(--qhr-font-mono,'JetBrains Mono',monospace);--q-radius-pill:9999px;--q-radius-card:16px;--q-radius-input:10px;--q-shadow-sm:0 1px 3px rgba(23,38,53,.05);--q-shadow-md:0 6px 20px -2px rgba(23,38,53,.07);--q-shadow-lg:0 16px 36px -4px rgba(23,38,53,.1)}[data-mode="dark"]{--q-bg:#0c1219;--q-bg-hero:#0f1720;--q-surface:#141e28;--q-surface-subtle:#192533;--q-surface-card:#141e28;--q-surface-elevated:#1c2a3a;--q-border:rgba(255,255,255,.08);--q-border-strong:rgba(255,255,255,.16);--q-text-primary:#f4f6f8;--q-text-secondary:#9ba5b1;--q-text-muted:#6b7785;--q-terracotta:#df6943;--q-terracotta-hover:#eb7954;--q-terracotta-subtle:rgba(223,105,67,.15);--q-slate-dark:#f4f6f8;--q-slate-dark-hover:#e2e8f0;--q-gold:#e59a3d;--q-teal:#3ab0be;--q-dark-terminal:#0a0f14;--q-dark-terminal-head:#070b0f;--q-dark-terminal-border:rgba(255,255,255,.08);--q-shadow-sm:0 1px 3px rgba(0,0,0,.3);--q-shadow-md:0 4px 20px rgba(0,0,0,.4);--q-shadow-lg:0 16px 40px rgba(0,0,0,.6)}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--q-bg);color:var(--q-text-primary);font-family: var(--q-font-body);line-height:1.6;transition:background-color .25s ease , color .25s ease;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family: var(--q-font-heading);letter-spacing:-.025em;color:var(--q-text-primary);margin:0}p{color:var(--q-text-secondary);margin:0}code,pre{font-family: var(--q-font-mono)}a{text-decoration:none;color:inherit}.site-container{max-width:1240px;margin-inline:auto;padding-inline:24px}.spotlight-surface{position:relative;overflow:hidden}.spotlight-surface::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--spotlight-x,50%) var(--spotlight-y,50%),rgba(217,83,56,.12),transparent 80%);opacity:var(--spotlight-opacity,0);transition:opacity .2s ease;border-radius:inherit;z-index:1}[data-mode="dark"] .spotlight-surface::after{background:radial-gradient(420px circle at var(--spotlight-x,50%) var(--spotlight-y,50%),rgba(224,93,68,.16),transparent 80%)}.qhr-btn-pill-dark{background-color:var(--q-slate-dark);color:#fff!important;font-family: var(--q-font-body);font-weight:700;font-size:.9rem;padding-block:10px;padding-inline:20px;border-radius:var(--q-radius-pill);border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--q-shadow-sm)}[data-mode="dark"] .qhr-btn-pill-dark{background-color:var(--q-slate-dark);color:#090d16!important}.qhr-btn-pill-dark:hover{opacity:.92;transform:translateY(-1px)}.qhr-btn-pill-outline{background-color:rgba(255,255,255,.75);color:var(--q-text-primary)!important;font-family: var(--q-font-body);font-weight:600;font-size:.9rem;padding-block:10px;padding-inline:20px;border-radius:var(--q-radius-pill);border:1px solid rgba(30,41,59,.16);display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}[data-mode="dark"] .qhr-btn-pill-outline{background-color:rgba(14,20,34,.7);border-color:rgba(255,255,255,.16)}.qhr-btn-pill-outline:hover{background-color:var(--q-surface);border-color:var(--q-text-secondary)}.qhr-btn-pill-terracotta{background-color:var(--q-terracotta);color:#fff!important;font-family: var(--q-font-body);font-weight:700;font-size:.95rem;padding-block:12px;padding-inline:24px;border-radius:var(--q-radius-pill);border:none;display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(217,83,56,.3)}.qhr-btn-pill-terracotta:hover{background-color:var(--q-terracotta-hover);transform:translateY(-1px)}