:root { --qbit-blue: #4f8cff; --qbit-border: rgba(128,128,128,.20); }
html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: background-color .25s, color .25s; }
.navbar { backdrop-filter: blur(18px); border-bottom: 1px solid var(--qbit-border); }
.public-nav .nav-link { font-weight: 600; }
.hero-section { padding: 120px 0 100px; border-bottom: 1px solid var(--qbit-border); background: radial-gradient(circle at 15% 20%, rgba(13,110,253,.22), transparent 36%), radial-gradient(circle at 85% 20%, rgba(111,66,193,.16), transparent 30%), linear-gradient(135deg, rgba(13,110,253,.08), rgba(33,37,41,.55)); }
.hero-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(13,110,253,.25); border-radius:999px; background: rgba(13,110,253,.08); color: var(--qbit-blue); font-size:.82rem; font-weight:700; }
.hero-copy { max-width: 760px; }
.section-eyebrow { text-transform: uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:800; color: var(--qbit-blue); }
.site-card { border-radius: 22px; border: 1px solid var(--qbit-border); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.site-card:hover { transform: translateY(-5px); box-shadow: 0 18px 50px rgba(0,0,0,.14); }
.service-icon { width: 54px; height:54px; display:grid; place-items:center; border-radius:16px; background: rgba(13,110,253,.10); color: var(--qbit-blue); font-size:1.5rem; }
.portfolio-media { width:100%; height:240px; object-fit:cover; }
.download-card .badge { letter-spacing:.03em; }
.verify-panel { border:1px solid var(--qbit-border); border-radius:22px; }
.theme-toggle { width:40px; height:40px; }
.doc-page { background:#eef1f5; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.invoice-wrapper { max-width:800px; margin:40px auto; background:#fff; padding:50px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.1); position:relative; }
.verified-badge { position:absolute; top:50px; right:50px; text-align:center; color:#198754; border:2px solid #198754; padding:10px 20px; border-radius:8px; transform:rotate(15deg); opacity:.8; font-weight:900; letter-spacing:2px; }
.company-logo { max-width:120px; border-radius:8px; }
.invoice-table th { background:#f8f9fa !important; }
.quote-meta-table { width:auto; }
.document-items-table { min-width:550px; }
.token-text { font-size:.75rem; word-break:break-all; }
.document-alert { max-width:600px; }
@media (max-width: 767.98px) {
    .hero-section { padding: 92px 0 70px; }
    .invoice-wrapper { margin:12px; padding:24px 16px; border-radius:10px; }
    .verified-badge { top:18px; right:14px; transform:none; font-size:.72rem; padding:6px 10px; }
    .document-items-table { min-width: 500px; }
}
@media print {
    .doc-page { background:#fff !important; margin:0; }
    .invoice-wrapper { margin:0; padding:20px; box-shadow:none; max-width:100%; }
    .no-print { display:none !important; }
}