:root{
  --bg:#f6f8fb; --surface:#ffffff; --surface-2:#f0f4f8; --text:#18212b; --muted:#718096;
  --line:#e5eaf0; --primary:#185adb; --primary-dark:#1147ad; --accent:#0ea97a;
  --warning:#a46a00; --warning-bg:#fff5d9; --danger:#b62b2b; --danger-bg:#fff0f0;
  --success:#087a57; --success-bg:#eaf9f3; --shadow:0 14px 40px rgba(29,45,66,.07);
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8fafc 0%,#f4f7fa 100%)}
a{color:inherit}
.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,234,240,.9);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}
.brand-wrap{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#185adb,#3c7cf1);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 7px 18px rgba(24,90,219,.25)}
.brand{font-weight:800;letter-spacing:-.03em;font-size:17px}.brand span{font-size:10px;color:#93a0b1;margin-left:7px;letter-spacing:.08em}
.topbar nav{display:flex;align-items:center;gap:7px}.topbar a{color:#617083;text-decoration:none;font-size:13px;font-weight:600;padding:9px 11px;border-radius:9px}.topbar a:hover{background:#f1f5f9;color:var(--text)}
.container{max-width:1180px;margin:0 auto;padding:36px 22px 72px}.section{margin-top:28px}.hero{padding:8px 0 22px}.hero.compact{max-width:780px}.hero h1{font-size:44px;line-height:1.04;letter-spacing:-.04em;margin:0 0 10px}.hero .sub{max-width:710px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8a97a8;margin:0 0 8px;text-transform:uppercase}.sub{color:var(--muted);font-size:16px;line-height:1.6;margin:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.form{max-width:760px;padding:24px;display:grid;gap:18px}.form.narrow{max-width:540px}.form label{display:grid;gap:7px;font-weight:700;font-size:14px}.form input,.form select{width:100%;border:1px solid #d5dde7;background:#fff;border-radius:11px;padding:13px 14px;font-size:15px;color:var(--text);outline:none;transition:.18s}.form input:focus,.form select:focus{border-color:#88aef8;box-shadow:0 0 0 4px rgba(24,90,219,.08)}
.form small{font-weight:500;color:var(--muted)}.muted{color:#8a97a8;font-weight:500}.center{text-align:center}.camera-box{padding:27px 22px;border:1.5px dashed #b7c3d1;background:#fbfcfe;border-radius:15px;text-align:center;align-items:center;cursor:pointer;transition:.18s}.camera-box:hover{border-color:#7ea5ef;background:#f8fbff}.camera-box input{padding:0;border:0;max-width:100%;font-weight:500}.camera-icon{width:48px;height:48px;border-radius:14px;background:#eaf1ff;color:var(--primary);display:grid;place-items:center;font-size:23px;margin:0 auto 11px}.camera-box strong{display:block;font-size:15px}.camera-box small{display:block;margin-top:5px}
.primary,.danger,.button,.secondary{border-radius:11px;padding:12px 16px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:.18s;border:1px solid transparent}.primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(24,90,219,.18)}.primary:hover{background:var(--primary-dark)}.secondary{background:#fff;border-color:#d8e0e9;color:#344254}.secondary:hover{background:#f7f9fc}.danger{background:#fff;border-color:#e8b5b5;color:var(--danger)}.danger:hover{background:var(--danger-bg)}.button.small{padding:9px 12px;font-size:13px}
.flash,.notice{max-width:900px;margin-bottom:14px;padding:13px 15px;border-radius:12px;font-size:13px;border:1px solid var(--line);background:#fff}.flash.success{background:var(--success-bg);color:var(--success);border-color:#c9ecdf}.flash.error{background:var(--danger-bg);color:var(--danger);border-color:#f2cccc}.notice{background:var(--warning-bg);color:var(--warning);border-color:#f1db99;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:18px 18px 16px}.stat span{display:block;color:#7c899a;font-size:12px;font-weight:650}.stat strong{display:block;margin-top:7px;font-size:27px;letter-spacing:-.03em}.stat .meta{margin-top:8px;font-size:11px;color:#9aa6b5}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 14px}.toolbar h2{margin:0;font-size:19px;letter-spacing:-.02em}.toolbar .actions{margin:0}.toolbar-left{display:flex;align-items:center;gap:12px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}
.receipt-list{display:grid;gap:10px}.receipt-row{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.receipt-row:hover{border-color:#c9d5e4;transform:translateY(-1px)}.receipt-row{transition:.15s}.merchant-block,.amount-block{display:grid;gap:5px}.merchant-block strong{font-size:14px}.merchant-block span,.amount-block span{color:#7b8898;font-size:12px}.amount-block{text-align:right}.status{font-size:11px;font-weight:800;display:inline-block;width:max-content;padding:5px 8px;border-radius:999px;background:#edf1f5;color:#667384}.status.pending{background:#fff1c9;color:#875d00}.status.approved{background:#e5f7ef;color:#176b50}.status.rejected{background:#fdeaea;color:#9a3030}.status.draft{background:#edf2ff;color:#3d5eae}.status.large{font-size:12px;margin-top:16px;padding:7px 10px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-panel{padding:20px}.mini-panel .toolbar{margin:0 0 14px}.simple-list{display:grid;gap:8px}.simple-list>div{padding:11px 12px;border:1px solid #edf0f4;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.simple-list span{color:#8793a3;font-size:12px;text-align:right}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;border:1px solid #d5dde7;border-radius:10px;padding:11px 12px;font-size:14px}.empty{padding:40px;text-align:center;color:#7b8898}.tip{padding:15px 17px;background:#edf4ff;border:1px solid #d8e6ff;color:#45618b;border-radius:13px;font-size:13px;margin-top:16px;max-width:760px}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.detail-grid>.card{padding:18px}.receipt-image{width:100%;max-height:760px;object-fit:contain;border-radius:12px;background:#f4f6f9}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef1f4;font-size:13px}.detail-row span{color:#7b8898}.detail-row strong{text-align:right}.actions{display:flex;gap:9px;margin-top:18px}.receipt-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.receipt-summary>div{padding:14px;background:#f6f8fb;border-radius:12px;display:grid;gap:5px}.label{font-size:11px;color:#7f8b9c;text-transform:uppercase;letter-spacing:.04em;font-weight:750}.raw-text{margin-top:14px;padding:17px}.raw-text summary{font-weight:750;cursor:pointer;font-size:13px}.raw-text pre{white-space:pre-wrap;color:#667384;font-size:12px;line-height:1.55}
.review-shell{max-width:980px}.review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.review-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:16px}.review-preview{padding:18px}.review-preview .receipt-image{max-height:680px}.review-form{padding:20px}.review-form h2{margin:0 0 5px;font-size:20px;letter-spacing:-.02em}.review-form .helper{margin:0 0 18px;color:var(--muted);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#748196;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.field input,.field select{width:100%;border:1px solid #d5dde7;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px;outline:none}.review-submit{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f4}.review-submit p{margin:0;color:#8793a3;font-size:12px;max-width:420px}.empty-state{padding:35px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#eef3ff;color:#315eb4;font-size:11px;font-weight:800}
@media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.detail-grid,.review-layout{grid-template-columns:1fr}.review-preview{order:2}.review-form{order:1}}
@media(max-width:640px){.topbar{padding:0 14px;height:64px}.brand span{display:none}.topbar nav{gap:0}.topbar a{font-size:12px;padding:8px}.container{padding:24px 14px 50px}.hero h1{font-size:34px}.hero{padding-bottom:17px}.form{padding:17px}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:23px}.toolbar{align-items:flex-start}.receipt-row{align-items:flex-start;gap:12px}.amount-block{white-space:nowrap}.receipt-summary{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.review-head{flex-direction:column}.mini-panel{padding:16px}.inline-form{flex-direction:column}.simple-list>div{align-items:flex-start;flex-direction:column}.simple-list span{text-align:left}}
.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-actions{display:flex;gap:9px;align-items:center}.hero-actions form{margin:0}.dashboard-stats .stat:first-child{border-color:#c9dafe;box-shadow:0 14px 40px rgba(24,90,219,.08)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.insights-panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.bar-list{display:grid;gap:16px}.bar-row{display:grid;gap:7px}.bar-label{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.bar-label strong{font-size:13px}.bar-label span{font-size:11px;color:#8793a3;text-align:right}.bar-track{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#185adb,#70a0ff);min-width:2px}.bar-fill.alt{background:linear-gradient(90deg,#0e9b73,#72d7ba)}.compact-empty{padding:20px 8px}.filter-panel{padding:20px}.filter-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:9px}.filter-form input,.filter-form select{width:100%;border:1px solid #d5dde7;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px;color:var(--text);outline:none}.filter-form input:focus,.filter-form select:focus{border-color:#88aef8;box-shadow:0 0 0 4px rgba(24,90,219,.08)}.subtle{background:#f8fafc}.section-tight{margin-top:24px;margin-bottom:12px}.section-tight h2{margin:0;font-size:19px}.receipt-main-line{display:flex;align-items:center;gap:8px}.receipt-main-line .status{margin-left:2px}.receipt-row .amount-block span{color:#7f8b9c}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr 1fr 1fr}.filter-form input{grid-column:1/-1}}
@media(max-width:640px){.dashboard-hero{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions>*{flex:1}.filter-form{grid-template-columns:1fr}.filter-form input{grid-column:auto}.bar-label{flex-direction:column;gap:3px}.bar-label span{text-align:left}}
.topbar-right{display:flex;align-items:center;gap:16px}.language-switch{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#8a97a8}.language-switch a{padding:5px 2px;color:#8a97a8;text-decoration:none}.language-switch a.active{color:var(--primary)}
@media(max-width:640px){.topbar-right{gap:8px}.language-switch{font-size:11px}.topbar nav a{padding-left:6px;padding-right:6px}}


/* Dark mode */
html[data-theme="dark"]{
  --bg:#0f141b; --surface:#171d25; --surface-2:#202834; --text:#edf2f7; --muted:#9aa8b8;
  --line:#2c3643; --primary:#5d91ff; --primary-dark:#4779df; --accent:#36c59b;
  --warning:#e2b35c; --warning-bg:#332a17; --danger:#ff7b7b; --danger-bg:#321d20;
  --success:#58d2ad; --success-bg:#173229; --shadow:0 16px 40px rgba(0,0,0,.22);
}
html[data-theme="dark"] body{background:linear-gradient(180deg,#11171f 0%,#0d1218 100%)}
html[data-theme="dark"] .topbar{background:rgba(23,29,37,.92);border-bottom-color:rgba(44,54,67,.9)}
html[data-theme="dark"] .topbar a{color:#aab6c5}
html[data-theme="dark"] .topbar a:hover{background:#202834;color:var(--text)}
html[data-theme="dark"] .brand{color:var(--text)}
html[data-theme="dark"] .card,
html[data-theme="dark"] .flash,
html[data-theme="dark"] .filter-form input,
html[data-theme="dark"] .filter-form select,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .inline-form input{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .secondary{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .secondary:hover{background:#202834}
html[data-theme="dark"] .receipt-row:hover{border-color:#465366}
html[data-theme="dark"] .simple-list>div{border-color:var(--line)}
html[data-theme="dark"] .receipt-summary>div{background:var(--surface-2)}
html[data-theme="dark"] .bar-track{background:#2a3340}
html[data-theme="dark"] .tip{background:#1c2b40;border-color:#2d4363;color:#a9c2e7}
html[data-theme="dark"] .subtle{background:#121821}
html[data-theme="dark"] .notice{background:var(--warning-bg);border-color:#5b4725;color:var(--warning)}
html[data-theme="dark"] .raw-text{background:var(--surface)}
html[data-theme="dark"] .receipt-image{background:#10161d}
html[data-theme="dark"] ::selection{background:#315ea8;color:#fff}
.topbar-tools{display:flex;align-items:center;gap:14px}
.theme-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px}
.theme-btn{width:29px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1}
.theme-btn:hover{color:var(--text);background:rgba(127,143,161,.12)}
.theme-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.08)}
@media(max-width:640px){.topbar-tools{gap:7px}.theme-switch{padding:2px}.theme-btn{width:27px;height:25px}.language-switch{font-size:11px}}
.trend-panel{padding:20px}.trend-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;height:190px}.trend-item{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.trend-bar-wrap{height:125px;width:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:70%;max-width:44px;min-height:4px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#6c9df5,#185adb)}.trend-item strong{font-size:11px}.trend-item span{font-size:10px;color:#8793a3}.duplicate-row{border-color:#efd9a6}.status.duplicate{background:#fff4d6;color:#8a6100}
@media(max-width:1100px){.filter-form{grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1fr auto auto}}
@media(max-width:980px){.trend-grid{grid-template-columns:repeat(3,1fr);height:270px}.trend-item{height:125px}.filter-form{grid-template-columns:1fr 1fr 1fr}.filter-form input[name="q"]{grid-column:1/-1}.filter-form input[type="date"]{grid-column:auto}}
@media(max-width:640px){.trend-grid{grid-template-columns:repeat(2,1fr);height:300px}.filter-form{grid-template-columns:1fr}.filter-form input[name="q"]{grid-column:auto}}

/* Export menu */
.export-menu{position:relative}
.export-menu summary{list-style:none}.export-menu summary::-webkit-details-marker{display:none}
.export-popover{position:absolute;right:0;top:calc(100% + 9px);width:300px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(24,35,50,.16);z-index:30}
.export-popover a{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--text)}
.export-popover a:hover{background:var(--surface-2)}.export-popover strong{font-size:13px}.export-popover span{font-size:11px;color:var(--muted)}
.print-report{max-width:1180px;margin:0 auto}.print-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.report-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:25px}.report-header h1{margin:0 0 8px;font-size:34px}.report-header p{margin:0;color:var(--muted)}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-kpis>div{min-width:130px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.report-kpis span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.report-kpis strong{display:block;margin-top:6px;font-size:19px}.report-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);font-size:12px}.report-table th,.report-table td{padding:10px 11px;text-align:left;border-bottom:1px solid var(--line)}.report-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2)}.report-empty{text-align:center;padding:28px!important;color:var(--muted)}
html[data-theme="dark"] .export-popover{box-shadow:0 18px 50px rgba(0,0,0,.35)}
@media(max-width:720px){.report-header{flex-direction:column}.report-kpis{grid-template-columns:1fr 1fr}.export-popover{right:-40px;width:280px}}
@media print{.no-print{display:none!important}html,body{background:#fff!important;color:#111!important}.topbar{display:none!important}.container{padding:0!important;max-width:none!important}.print-report{max-width:none}.card,.report-table{box-shadow:none!important}.report-table{font-size:10px}.report-table th,.report-table td{padding:6px 7px}}


/* V1 expense controls */
textarea.field, textarea{font:inherit} .field textarea{width:100%;border:1px solid #d5dde7;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px;color:var(--text);outline:none;resize:vertical}.field textarea:focus{border-color:#88aef8;box-shadow:0 0 0 4px rgba(24,90,219,.08)}
.reimbursement-panel{display:block}.reimbursement-panel .panel-total{font-size:18px}.card-inner{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.section-mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.line-items-list{display:grid;gap:7px}.line-items-list>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.line-items-list>div:last-child{border-bottom:0}.note-box,.reimbursement-box{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.note-box p{margin:7px 0 0;color:var(--muted);line-height:1.5}.reimbursement-box{display:flex;justify-content:space-between;align-items:center;gap:14px}.reimbursement-box strong{display:block;margin-top:4px}.reimbursement-box form{margin:0}.detail-card .raw-text{margin-top:18px}.receipt-preview-card{position:sticky;top:84px;align-self:start}
html[data-theme="dark"] .field textarea{background:var(--surface);border-color:var(--line);color:var(--text)}
@media(max-width:860px){.receipt-preview-card{position:static}.reimbursement-box{align-items:flex-start;flex-direction:column}}

/* V1.3 — polished theme controls and brand system */
:root{
  --input-bg:#ffffff;
  --input-text:#18212b;
  --input-border:#d5dde7;
  --placeholder:#98a3b2;
  --camera-bg:#fbfcfe;
  --camera-border:#b7c3d1;
  --surface-hover:#f7f9fc;
}

.brand-logo{width:38px;height:38px;display:block;flex:0 0 auto;filter:drop-shadow(0 7px 14px rgba(24,90,219,.16))}

/* Keep every form control readable in both themes. */
.form input,
.form select,
.form textarea,
.field input,
.field select,
.field textarea,
.filter-form input,
.filter-form select,
.inline-form input{
  background:var(--input-bg);
  color:var(--input-text);
  border-color:var(--input-border);
}

input::placeholder,
textarea::placeholder{color:var(--placeholder);opacity:1}

input[type="date"],
input[type="time"],
input[type="datetime-local"]{color-scheme:light}

select option{background:#fff;color:#18212b}

.camera-box{background:var(--camera-bg);border-color:var(--camera-border)}
.camera-box:hover{background:var(--surface-hover)}
.camera-box input[type="file"]{background:transparent;color:var(--input-text)}
.camera-box input[type="file"]::file-selector-button{border:1px solid var(--input-border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px;margin-right:8px;cursor:pointer}

html[data-theme="dark"]{
  --input-bg:#111820;
  --input-text:#f2f6fb;
  --input-border:#344151;
  --placeholder:#7f8da0;
  --camera-bg:#111820;
  --camera-border:#3b4858;
  --surface-hover:#202a36;
  color-scheme:dark;
}
html[data-theme="dark"] body{color-scheme:dark}
html[data-theme="dark"] .form input,
html[data-theme="dark"] .form select,
html[data-theme="dark"] .form textarea,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .filter-form input,
html[data-theme="dark"] .filter-form select,
html[data-theme="dark"] .inline-form input{
  background:var(--input-bg) !important;
  color:var(--input-text) !important;
  border-color:var(--input-border) !important;
}
html[data-theme="dark"] select option{background:#111820;color:#f2f6fb}
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] input[type="datetime-local"]{color-scheme:dark}
html[data-theme="dark"] .camera-box{background:var(--camera-bg);border-color:var(--camera-border)}
html[data-theme="dark"] .camera-box:hover{background:#17212c}
html[data-theme="dark"] .camera-box input[type="file"]::file-selector-button{background:#202a36;color:#f2f6fb;border-color:#465466}
html[data-theme="dark"] .topbar nav a{color:#aeb9c8}
html[data-theme="dark"] .language-switch,
html[data-theme="dark"] .language-switch a{color:#8997aa}
html[data-theme="dark"] .language-switch a.active{color:var(--primary)}
html[data-theme="dark"] .theme-switch{background:#151c24}
html[data-theme="dark"] .theme-btn.active{background:#263141}
html[data-theme="dark"] .brand-logo{filter:drop-shadow(0 7px 16px rgba(82,142,255,.28))}

/* Better focus states for keyboard/touch users. */
.form input:focus,
.form select:focus,
.form textarea:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.filter-form input:focus,
.filter-form select:focus,
.inline-form input:focus{
  border-color:#88aef8;
  box-shadow:0 0 0 4px rgba(24,90,219,.10);
}

/* Branding utility classes for future products: keep the mark independent from the product wordmark. */
.product-wordmark{font-weight:800;letter-spacing:-.035em}
.product-wordmark .accent{color:#2c79f6}

@media(max-width:640px){
  .brand-logo{width:34px;height:34px}
}

/* Qwitty V1.4 — brand system, streamlined dashboard, public site, and responsive UX */
:root{
  --brand-1:#5b6cff;
  --brand-2:#2c8cff;
  --brand-3:#18d1c0;
  --nav-bg:rgba(255,255,255,.88);
  --text-strong:#111827;
}
html,body{font-family:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 12% -5%,rgba(91,108,255,.08),transparent 35%),linear-gradient(180deg,#fbfcff 0%,#f5f7fb 100%)}
.topbar{background:var(--nav-bg);padding:0 30px}
.brand-wrap{gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;background:none;box-shadow:none}.brand-wordmark{font-size:18px;font-weight:800;letter-spacing:-.055em;color:var(--text)}.brand-product{font-size:11px;color:var(--muted);font-weight:700;border-left:1px solid var(--line);padding-left:10px;margin-left:3px}
.main-nav a{font-weight:650}.main-nav a:first-child{background:var(--surface-2)}

/* Public marketing site */
.landing-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;min-height:calc(100vh - 135px);padding:55px 0 80px}
.landing-copy{max-width:690px}.hero-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:34px}.hero-mark{width:38px;height:38px}.landing-copy .eyebrow{color:#6574ee}.landing-copy h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.065em;margin:0 0 22px;max-width:740px}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:610px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.large{padding:14px 20px;font-size:15px;border-radius:13px}.large span{margin-left:5px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px;font-weight:650}
.landing-visual{position:relative;min-height:560px;display:grid;place-items:center}.mock-phone{width:285px;height:565px;border-radius:38px;background:linear-gradient(180deg,#12182a,#0a0f1b);padding:18px;box-shadow:0 35px 100px rgba(20,38,80,.24);position:relative;border:1px solid rgba(255,255,255,.12)}.phone-top{height:22px;display:flex;justify-content:space-between;align-items:center;color:#d9e2f2;font-size:10px}.camera-frame{height:388px;margin-top:18px;border-radius:24px;background:linear-gradient(160deg,#d9dde5,#f7f3e9 42%,#c5aa7d);display:grid;place-items:center;position:relative;overflow:hidden}.camera-frame:before,.camera-frame:after{content:"";position:absolute;width:28px;height:28px;border-color:#3fa8ff;border-style:solid}.camera-frame:before{left:16px;top:16px;border-width:3px 0 0 3px}.camera-frame:after{right:16px;bottom:16px;border-width:0 3px 3px 0}.camera-receipt{width:155px;background:#fff;padding:26px 18px;box-shadow:0 14px 30px rgba(0,0,0,.18);transform:rotate(-3deg);text-align:center;color:#30343b}.camera-receipt span{display:block;font-size:16px;font-weight:900;letter-spacing:.08em}.camera-receipt small{display:block;margin:8px 0 28px;color:#77808e}.camera-receipt strong{display:block;font-size:20px}.camera-receipt em{display:block;margin-top:10px;font-style:normal;font-size:11px;color:#727d8a}.capture-status{display:flex;align-items:center;gap:8px;color:#eef5ff;font-size:12px;padding:15px 2px}.capture-status strong{margin-left:auto;color:#40e0af}.status-dot{width:8px;height:8px;border-radius:50%;background:#2dd6a4;box-shadow:0 0 0 4px rgba(45,214,164,.12)}.capture-button{width:57px;height:57px;border:5px solid #fff;border-radius:50%;margin:10px auto 0;box-shadow:0 0 0 4px rgba(255,255,255,.15)}.float-card{position:absolute;background:rgba(11,16,32,.93);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:15px 16px;display:flex;gap:11px;box-shadow:0 18px 55px rgba(20,26,50,.25);backdrop-filter:blur(14px)}.float-card.ai{right:2%;top:18%;max-width:275px}.float-icon{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));display:grid;place-items:center;flex:0 0 auto}.float-card strong{font-size:12px;line-height:1.35;display:block}.float-card small{display:block;color:#aeb9c8;margin-top:5px;font-size:10px}
.feature-strip{padding:80px 0 20px}.section-heading{max-width:720px;margin-bottom:28px}.section-heading h2,.landing-cta h2{font-size:38px;line-height:1.05;letter-spacing:-.045em;margin:0}.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-height:180px}.step-num{font-size:11px;font-weight:800;color:#6876ee}.step-card h3{font-size:18px;margin:32px 0 8px}.step-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.landing-cta{margin-top:50px;padding:34px 36px;background:linear-gradient(135deg,#0b1020,#111d42);border-radius:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}.landing-cta h2{font-size:34px}.landing-cta p{color:#afbdd1;max-width:620px}.landing-cta .eyebrow{color:#91a2c5}

/* Streamlined owner dashboard */
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:18px 0 6px}.dashboard-welcome h1{font-size:42px;line-height:1.04;letter-spacing:-.055em;margin:0 0 10px}.dashboard-welcome .sub{max-width:720px}.dashboard-primary-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.action-menu{position:relative}.action-menu>summary{list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-popover{position:absolute;right:0;top:calc(100% + 8px);width:270px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 50px rgba(20,30,50,.14);padding:8px;z-index:40}.action-popover a{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;text-decoration:none}.action-popover a:hover{background:var(--surface-2)}.action-popover small{color:var(--muted)}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{padding:18px}.kpi span{display:block;font-size:11px;color:var(--muted);font-weight:750}.kpi strong{display:block;font-size:27px;letter-spacing:-.035em;margin-top:7px}.kpi small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.kpi.attention{border-color:#cfe0ff;background:linear-gradient(180deg,#fff,#f8fbff)}
.quick-actions{padding:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{padding:14px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:11px;text-decoration:none;transition:.15s;background:var(--surface)}.quick-card:hover{transform:translateY(-1px);border-color:#c2cfe3;box-shadow:0 10px 30px rgba(29,45,66,.06)}.quick-icon{width:36px;height:36px;border-radius:11px;background:#eef3ff;color:var(--primary);display:grid;place-items:center;flex:0 0 auto;font-weight:800}.quick-card div{min-width:0}.quick-card strong{display:block;font-size:13px}.quick-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.quick-card .arrow{margin-left:auto;color:#8090a3}
.dashboard-main-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:14px}.focus-panel,.spending-summary,.management-card,.export-section{padding:20px}.text-link{font-size:12px;color:var(--primary);text-decoration:none;font-weight:750}.receipt-mini-list{display:grid}.receipt-mini{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}.receipt-mini:last-child{border-bottom:0}.receipt-mini-icon{width:35px;height:35px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:800;color:#526275}.receipt-mini-main{flex:1;min-width:0}.receipt-mini-main strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-mini-main span{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-mini-end{text-align:right}.receipt-mini-end strong{display:block;font-size:12px}.receipt-mini-end .status{margin-top:4px}.project-list{display:grid}.project-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.project-row:last-child{border-bottom:0}.project-row>div:first-child{min-width:0}.project-row strong{font-size:13px}.project-row span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.project-value{text-align:right;min-width:110px}.project-progress{height:5px;background:var(--surface-2);border-radius:999px;margin-top:7px;overflow:hidden}.project-progress span{height:100%;display:block;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));border-radius:inherit}
.spending-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.spending-columns h3{font-size:13px;margin:0 0 10px}.spend-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.spend-line:last-child{border-bottom:0}.spend-line strong{font-size:12px}.spend-line span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invite-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:15px}.invite-form input,.project-create-form input{min-width:0;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:10px;padding:11px 12px;font-size:13px}.project-create-form{display:flex;gap:8px;margin-top:15px}.project-create-form input{flex:1}.pending-list{margin-top:18px}.pending-list h3{font-size:12px;margin:0 0 8px}.pending-invite{padding:10px 0;border-top:1px solid var(--line)}.pending-invite>div:first-child{display:flex;justify-content:space-between;gap:12px}.pending-invite strong{font-size:12px}.pending-invite span{font-size:10px;color:var(--muted)}.invite-link-wrap{display:flex;gap:7px;margin-top:7px}.invite-link-wrap input{flex:1;min-width:0;font-size:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;padding:8px}.compact-list{margin-top:12px}.export-section{display:flex;justify-content:space-between;gap:25px;align-items:center}.export-section h2{margin:0 0 6px}.export-section p{margin:0}.export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* Themes */
html[data-theme="dark"]{--nav-bg:rgba(11,16,24,.88);--text-strong:#f5f7fb}html[data-theme="dark"] body{background:radial-gradient(circle at 12% -5%,rgba(91,108,255,.13),transparent 35%),linear-gradient(180deg,#0c1118 0%,#0a0f15 100%)}html[data-theme="dark"] .brand-wordmark{color:#fff}html[data-theme="dark"] .brand-product{border-color:var(--line)}html[data-theme="dark"] .main-nav a:first-child{background:#151d28}html[data-theme="dark"] .landing-copy h1,html[data-theme="dark"] .landing-hero,html[data-theme="dark"] .section-heading h2{color:#f7f9fc}html[data-theme="dark"] .step-card,html[data-theme="dark"] .quick-card{background:#101720;border-color:#26313e}html[data-theme="dark"] .kpi.attention{background:linear-gradient(180deg,#111925,#10161f);border-color:#263c63}html[data-theme="dark"] .action-popover{background:#111820}html[data-theme="dark"] .landing-cta{background:linear-gradient(135deg,#111a2e,#0e1934)}html[data-theme="dark"] .project-progress{background:#1d2732}

@media(max-width:1100px){.step-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr}.landing-visual{min-height:560px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-main-grid,.management-grid,.spending-columns{grid-template-columns:1fr}.invite-form{grid-template-columns:1fr}.export-section{align-items:flex-start;flex-direction:column}.export-actions{justify-content:flex-start}}
@media(max-width:640px){.topbar{height:64px;padding:0 12px}.brand-product,.main-nav a:first-child{display:none}.topbar-tools{gap:7px}.dashboard-welcome h1{font-size:32px}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:14px}.kpi strong{font-size:22px}.quick-grid{grid-template-columns:1fr}.quick-card{padding:12px}.landing-hero{padding:30px 0 60px}.landing-copy h1{font-size:44px}.lead{font-size:17px}.landing-visual{min-height:500px}.mock-phone{transform:scale(.84)}.float-card.ai{right:-2%;top:12%;max-width:220px}.step-grid{grid-template-columns:1fr}.feature-strip{padding-top:50px}.landing-cta{padding:26px;flex-direction:column;align-items:flex-start}.section-heading h2,.landing-cta h2{font-size:30px}.project-row{align-items:flex-start}.project-value{min-width:85px}.export-actions{width:100%}.export-actions a{flex:1}.action-popover{right:-20px}}

/* Qwitty V1.5 — editorial landing page and streamlined UX */
:root{
  --brand-ink:#0b1020;
  --brand-violet:#6b5cff;
  --brand-blue:#2f8fff;
  --brand-cyan:#18d1c0;
}
.brand-logo{width:142px;height:auto;filter:none}

/* Public landing page */
.editorial-hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:70px;padding:64px 0 90px;position:relative;overflow:hidden}
.editorial-hero-copy{max-width:720px;position:relative;z-index:2}.editorial-hero-copy .eyebrow{color:#6471ef;margin-bottom:18px}.editorial-hero h1{font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.075em;max-width:780px;margin:0;color:#0b1020}.hero-lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:620px;margin:28px 0 0}.hero-cta{display:inline-flex;margin-top:34px;padding:15px 21px;font-size:15px;border-radius:14px;align-items:center;gap:8px}.hero-cta span{font-size:18px;line-height:1}
.hero-art{min-height:580px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(91,108,255,.18) 0%,rgba(24,209,192,.08) 42%,transparent 72%);filter:blur(8px);z-index:-1}.art-orbit{position:absolute;border:1px solid rgba(87,102,255,.14);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:500px;height:250px}.orbit-two{width:430px;height:430px;transform:rotate(22deg)}.art-mark{position:absolute;top:11%;left:12%;width:70px;height:70px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(24,33,43,.08);box-shadow:0 24px 60px rgba(32,49,87,.15);backdrop-filter:blur(18px);display:grid;place-items:center}.art-mark img{width:46px;height:46px}.art-card{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(20,33,51,.09);box-shadow:0 30px 90px rgba(26,45,81,.16);border-radius:22px}.art-receipt{width:280px;min-height:360px;padding:34px 30px;transform:rotate(5deg);right:10%;top:17%;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#fff,#f5f8ff)}.receipt-lines{display:grid;gap:12px;margin-bottom:auto}.receipt-lines span{height:7px;background:#dce3ed;border-radius:999px}.receipt-lines span:nth-child(2){width:78%}.receipt-lines span:nth-child(3){width:86%}.receipt-lines span:nth-child(4){width:56%}.art-receipt strong{font-size:32px;letter-spacing:-.05em}.art-receipt small{margin-top:6px;color:#6f7d8e}.art-data{left:2%;bottom:15%;padding:17px 18px;display:flex;align-items:center;gap:12px;transform:rotate(-4deg)}.art-data strong{display:block;font-size:13px}.art-data small{display:block;color:#728095;margin-top:3px}.data-dot{width:11px;height:11px;border-radius:50%;background:var(--brand-cyan);box-shadow:0 0 0 6px rgba(24,209,192,.11)}

.scroll-story{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:70px;align-items:start;padding:80px 0 120px}.story-copy{padding-top:12px}.story-copy>.eyebrow{color:#6775f4}.story-step{min-height:58vh;padding:28px 0 80px;border-top:1px solid var(--line);opacity:.32;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.story-step:first-of-type{border-top:0;padding-top:0}.story-step.is-active{opacity:1;transform:translateY(0)}.story-step>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6775f4}.story-step h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em;margin:18px 0 14px;max-width:560px}.story-step p{font-size:18px;line-height:1.65;color:var(--muted);max-width:550px;margin:0}.story-stage-wrap{height:230vh}.story-stage{position:sticky;top:110px;height:min(72vh,700px);min-height:520px;border-radius:30px;background:linear-gradient(160deg,#09111f 0%,#0b1424 56%,#101b2e 100%);overflow:hidden;box-shadow:0 40px 110px rgba(19,37,64,.22);color:#fff;border:1px solid rgba(255,255,255,.07)}.story-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(91,108,255,.18),transparent 42%),radial-gradient(circle at 18% 82%,rgba(24,209,192,.09),transparent 30%);pointer-events:none}.stage-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent 85%)}.stage-receipt,.stage-analysis,.stage-dashboard,.stage-success{position:absolute;z-index:2;transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .65s ease,filter .65s ease}.stage-receipt{width:250px;height:370px;left:12%;top:16%;background:#fff;color:#26313b;border-radius:5px;padding:28px 22px;box-shadow:0 25px 60px rgba(0,0,0,.28);transform:rotate(-6deg)}.stage-receipt:before{content:"";position:absolute;left:0;right:0;bottom:-9px;height:18px;background:linear-gradient(135deg,#fff 35%,transparent 35%,transparent 65%,#fff 65%) 0 0/18px 18px repeat-x}.stage-receipt-head{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.07em}.stage-receipt-head span{color:#8290a0;font-size:10px}.stage-receipt-row{display:flex;justify-content:space-between;font-size:11px;padding:22px 0 0}.stage-total{font-size:26px;font-weight:800;letter-spacing:-.04em;margin-top:64px}.stage-vat{margin-top:8px;font-size:11px;color:#778393}.stage-analysis{width:310px;right:8%;top:16%;padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:18px;backdrop-filter:blur(16px);transform:translateY(30px) translateX(40px);opacity:0}.analysis-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}.analysis-line span{color:#9eabbc}.analysis-line strong{color:#f7f9fc}.analysis-tag{display:inline-flex;margin-top:13px;padding:6px 9px;border-radius:999px;background:rgba(24,209,192,.12);color:#6ee4d8;font-size:10px;font-weight:800}.stage-dashboard{inset:16% 7% auto 7%;background:#f5f7fb;color:#16202c;border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.28);padding:20px;transform:translateY(50px) scale(.94);opacity:0}.stage-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #dfe5ed;padding-bottom:16px}.stage-dashboard-head span{font-size:17px;font-weight:800}.stage-dashboard-head small{display:block;color:#8592a1;font-size:10px;margin-top:3px}.stage-dashboard-head b{font-size:18px}.stage-table-row{display:grid;grid-template-columns:1fr .8fr .7fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e7ee;font-size:11px}.stage-table-row:last-child{border-bottom:0}.stage-table-row strong{text-align:right}.stage-table-row em{font-style:normal;font-size:9px;color:#ab6f00;background:#fff0ce;border-radius:999px;padding:5px 7px}.stage-table-row em.approved{color:#0a805e;background:#e9f8f1}.stage-success{left:50%;top:50%;transform:translate(-50%,-30%) scale(.85);opacity:0;text-align:center;width:310px}.stage-success div{width:70px;height:70px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#18d1c0,#2c8cff);font-size:32px;box-shadow:0 20px 50px rgba(24,209,192,.26)}.stage-success strong{display:block;font-size:28px;letter-spacing:-.05em}.stage-success span{display:block;margin-top:7px;color:#9eabbc;font-size:13px}.story-stage[data-state="0"] .stage-receipt{transform:rotate(-6deg) translateY(0) translateX(0);opacity:1}.story-stage[data-state="0"] .stage-analysis,.story-stage[data-state="0"] .stage-dashboard,.story-stage[data-state="0"] .stage-success{opacity:0}.story-stage[data-state="1"] .stage-receipt{transform:rotate(-6deg) translateX(-110px);opacity:.25;filter:blur(.2px)}.story-stage[data-state="1"] .stage-analysis{opacity:1;transform:translateY(0) translateX(0)}.story-stage[data-state="1"] .stage-dashboard,.story-stage[data-state="1"] .stage-success{opacity:0}.story-stage[data-state="2"] .stage-receipt,.story-stage[data-state="2"] .stage-analysis{opacity:.08;transform:scale(.9) translate(-30px,50px)}.story-stage[data-state="2"] .stage-dashboard{opacity:1;transform:translateY(0) scale(1)}.story-stage[data-state="2"] .stage-success{opacity:0}.story-stage[data-state="3"] .stage-receipt,.story-stage[data-state="3"] .stage-analysis,.story-stage[data-state="3"] .stage-dashboard{opacity:.04;transform:scale(.82) translateY(-50px)}.story-stage[data-state="3"] .stage-success{opacity:1;transform:translate(-50%,-50%) scale(1)}
.principles{padding:80px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.principles h2{font-size:44px;letter-spacing:-.06em;line-height:1.03;margin:0;max-width:560px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-grid>div{padding:22px;border-left:1px solid var(--line)}.principle-grid span{font-size:10px;font-weight:800;color:#6574ee}.principle-grid h3{font-size:17px;margin:35px 0 8px}.principle-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.quiet-cta{padding:95px 0 110px;border-top:1px solid var(--line)}.quiet-cta h2{font-size:clamp(42px,6vw,78px);letter-spacing:-.07em;line-height:.98;max-width:880px;margin:0 0 24px}.quiet-cta .text-link{font-size:13px}

/* More obvious owner actions and professional dialogs */
.quick-button{font:inherit;color:inherit;text-align:left;cursor:pointer}.text-action{border:0;background:none;color:var(--primary);font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:4px 0}.empty-action{width:100%;border:1px dashed var(--line);background:transparent;color:var(--primary);padding:20px;border-radius:12px;font-weight:800;cursor:pointer}.team-list{display:grid}.team-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.team-row>div:nth-child(2){flex:1;min-width:0}.team-row strong{display:block;font-size:12px}.team-row span{display:block;font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff!important;display:grid;place-items:center;font-size:13px!important;font-weight:800}.role-pill{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted)!important;font-weight:700}.modal-card{width:min(520px,calc(100% - 24px));border:1px solid var(--line);border-radius:22px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 30px 100px rgba(18,31,50,.25)}.modal-card::backdrop{background:rgba(7,12,20,.52);backdrop-filter:blur(3px)}.modal-card>form,.modal-card:not(:has(form)){padding:24px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.modal-close{border:0;background:var(--surface-2);color:var(--text);width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}.modal-card label{display:grid;gap:7px;font-size:13px;font-weight:750;margin-top:18px}.modal-card input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:11px;padding:12px 13px;font-size:14px}.modal-actions{display:grid;gap:10px;margin-top:16px}.modal-action{display:block;width:100%;text-align:left;text-decoration:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:15px;border-radius:13px;cursor:pointer}.modal-action strong{display:block;font-size:14px}.modal-action span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.full{width:100%;margin-top:18px}

/* Capture experience */
.capture-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:15px 0 22px}.capture-hero h1{font-size:48px;line-height:1;letter-spacing:-.06em;margin:0 0 10px}.capture-tip{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:13px;max-width:340px}.capture-tip>span{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#5c69eb;display:grid;place-items:center}.capture-tip strong{font-size:12px;display:block}.capture-tip small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.capture-form{max-width:950px}.capture-panel{padding:18px}.capture-stage{position:relative;min-height:430px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0b1020,#111d34);display:grid;place-items:center}.capture-stage:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(255,255,255,.18);border-radius:16px}.scan-corners{position:absolute;inset:52px;border:3px solid transparent;border-radius:13px;background:linear-gradient(#0000,#0000) padding-box,linear-gradient(135deg,#2c8cff,#6b5cff,#18d1c0) border-box;clip-path:polygon(0 0,20% 0,20% 3px,0 3px,0 20%,3px 20%,3px 0,100% 0,100% 20%,calc(100% - 3px) 20%,calc(100% - 3px) 0,80% 0,80% 3px,100% 3px,100% 80%,calc(100% - 3px) 80%,calc(100% - 3px) 100%,80% 100%,80% calc(100% - 3px),100% calc(100% - 3px),100% 100%,0 100%,0 80%,3px 80%,3px 100%,20% 100%,20% calc(100% - 3px),0 calc(100% - 3px),0 20%,3px 20%,3px 0)}.capture-placeholder{position:relative;z-index:2;text-align:center;color:#fff;display:grid;place-items:center;padding:30px}.capture-icon{width:66px;height:66px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);display:grid;place-items:center;font-size:28px;color:#fff;margin-bottom:16px}.capture-placeholder strong{font-size:19px}.capture-placeholder span{font-size:11px;color:#a8b5c6;margin:7px 0 16px}.capture-placeholder .secondary{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.18)}.capture-stage.has-file .capture-placeholder{opacity:0;pointer-events:none}.capture-stage #capture-preview{display:none;max-width:82%;max-height:390px;object-fit:contain;border-radius:8px;box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative;z-index:2}.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.capture-meta{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-top:14px}.capture-meta>div{display:grid;gap:7px}.capture-meta span{font-size:11px;color:var(--muted);font-weight:750}.capture-meta select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:10px;padding:11px 12px}.capture-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.capture-submit-row .primary{min-width:160px}

html[data-theme="dark"] .editorial-hero h1{color:#f6f8fc}.hero-art .art-card{background:rgba(16,23,34,.82);border-color:rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(0,0,0,.32)}html[data-theme="dark"] .art-receipt{background:linear-gradient(160deg,#111a28,#101a2d);color:#edf2f7}.story-stage{box-shadow:0 40px 110px rgba(0,0,0,.34)}html[data-theme="dark"] .principle-grid>div{border-color:#25303d}html[data-theme="dark"] .principles{border-color:#25303d}html[data-theme="dark"] .quiet-cta{border-color:#25303d}html[data-theme="dark"] .brand-logo{content:url('/static/logo-dark.svg')}

@media(max-width:980px){.editorial-hero{grid-template-columns:1fr;gap:25px;min-height:auto}.hero-art{min-height:520px}.scroll-story{grid-template-columns:1fr;gap:35px}.story-stage-wrap{height:210vh}.story-stage{top:86px}.principles{grid-template-columns:1fr;gap:35px}.capture-hero{align-items:flex-start;flex-direction:column}.capture-tip{max-width:none;width:100%}.capture-meta{grid-template-columns:1fr}.capture-submit-row{align-items:stretch;flex-direction:column}.capture-submit-row .primary{width:100%}}
@media(max-width:640px){.brand-logo{width:118px}.editorial-hero{padding-top:40px}.editorial-hero h1{font-size:52px}.hero-lead{font-size:17px}.hero-art{min-height:430px}.art-receipt{width:225px;min-height:300px;right:2%;top:12%}.art-data{left:0;bottom:9%}.art-mark{left:2%;top:5%;width:58px;height:58px}.orbit-one{width:360px;height:190px}.orbit-two{width:330px;height:330px}.story-stage{min-height:430px;height:60vh;border-radius:22px}.stage-receipt{width:180px;height:278px;left:7%;top:19%;padding:20px 16px}.stage-total{font-size:21px;margin-top:43px}.stage-analysis{width:230px;right:5%;top:12%;padding:14px}.analysis-line{font-size:9px;padding:8px 0}.stage-dashboard{inset:13% 4% auto 4%;padding:14px}.stage-table-row{grid-template-columns:1fr .7fr .6fr;gap:7px;font-size:8px}.stage-table-row em{display:none}.stage-success{width:240px}.stage-success strong{font-size:24px}.story-step{min-height:47vh}.story-step h2{font-size:36px}.story-step p{font-size:16px}.principle-grid{grid-template-columns:1fr}.capture-hero h1{font-size:40px}.capture-stage{min-height:360px}.scan-corners{inset:40px}.capture-panel{padding:12px}}
@media(prefers-reduced-motion:reduce){.story-step,.stage-receipt,.stage-analysis,.stage-dashboard,.stage-success{transition:none}.story-stage{position:relative;top:auto}.story-stage-wrap{height:auto}.story-stage{margin-top:10px}.story-copy{display:none}}

/* Qwitty V1.6 — editorial public site + calmer application dashboard */
.public-site{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;overflow:clip;background:var(--page-bg);color:var(--text)}
.brand-hero{min-height:100vh;padding:26px 7vw 34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 15%,rgba(85,105,255,.13),transparent 30%),linear-gradient(180deg,#f7f8fb 0%,#eef1f5 100%)}
html[data-theme="dark"] .brand-hero{background:radial-gradient(circle at 70% 15%,rgba(85,105,255,.16),transparent 30%),linear-gradient(180deg,#0a0f17 0%,#0d141e 100%)}
.brand-hero-top{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:800;letter-spacing:.16em}.brand-hero-top .eyebrow{margin:0;color:var(--text)}.hero-rule{height:1px;flex:0 0 100px;background:var(--text)}.hero-caption{letter-spacing:.02em;color:var(--muted);font-weight:600}
.brand-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;max-width:1440px;width:100%;margin:0 auto}.brand-hero-copy{max-width:850px}.brand-hero-copy h1{font-size:clamp(58px,8vw,124px);line-height:.9;letter-spacing:-.075em;margin:0 0 28px;max-width:850px}.brand-hero-copy .lead{font-size:20px;line-height:1.6;max-width:620px;color:var(--muted)}
.hero-link{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding:0 0 9px;text-decoration:none;color:var(--text);font-size:15px;font-weight:800;border-bottom:2px solid currentColor}.hero-link b{font-size:19px;line-height:1}.hero-link:hover{opacity:.72}
.brand-hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(73,91,232,.25);border-radius:50%}.orbit-a{width:520px;height:520px;transform:rotate(18deg)}.orbit-b{width:380px;height:600px;transform:rotate(-24deg);border-color:rgba(24,209,192,.20)}.hero-receipt-sheet{width:255px;height:370px;background:#fff;color:#1e2834;padding:28px 24px;box-shadow:0 45px 100px rgba(14,24,45,.22);transform:rotate(-6deg);position:relative;z-index:2}.hero-receipt-sheet:after,.object-receipt:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:linear-gradient(135deg,#fff 25%,transparent 25%,transparent 50%,#fff 50%,#fff 75%,transparent 75%) 0 0/24px 20px repeat-x}.sheet-brand{font-size:12px;font-weight:900;letter-spacing:.12em}.sheet-line{height:5px;background:#dbe0e6;width:74%;margin-top:18px;border-radius:5px}.sheet-line.long{width:88%}.sheet-line.medium{width:52%}.sheet-total{font-size:30px;font-weight:900;letter-spacing:-.05em;margin-top:72px}.sheet-total span{font-size:12px;letter-spacing:.02em;margin-left:5px}.sheet-tax{color:#7b8592;font-size:11px;margin-top:8px}.hero-data-card{position:absolute;right:2%;top:22%;display:flex;gap:10px;align-items:flex-start;padding:16px 17px;background:rgba(12,18,29,.93);color:#fff;border-radius:16px;box-shadow:0 28px 75px rgba(16,24,45,.24);z-index:3}.tiny-dot{width:10px;height:10px;border-radius:50%;background:#40e0af;box-shadow:0 0 0 5px rgba(64,224,175,.12);margin-top:2px}.hero-data-card strong{display:block;font-size:12px}.hero-data-card small{display:block;font-size:10px;color:#a8b5c6;margin-top:4px}.hero-scroll-cue{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero-scroll-cue i{font-style:normal;font-size:17px}
.story-full{position:relative;min-height:370vh;background:#0b1020;color:#fff}.story-full-pin{position:sticky;top:0;height:100vh;display:grid;place-items:center;padding:5vw}.story-full-stage{position:relative;width:min(1100px,88vw);height:min(690px,78vh);border:1px solid rgba(255,255,255,.08);border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#0a101b,#111c2c);box-shadow:0 50px 120px rgba(0,0,0,.35)}.story-background-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px}.story-object{position:absolute;z-index:2;transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .7s ease,filter .7s ease}.object-receipt{width:250px;height:365px;background:#fff;color:#222d39;padding:28px 24px;left:11%;top:16%;transform:rotate(-7deg)}.object-fields{right:10%;top:14%;width:315px;padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(18px);opacity:0;transform:translate(40px,30px)}.object-fields span{display:block;color:#96a5ba;font-size:10px;margin-top:9px}.object-fields strong{display:block;font-size:14px;margin-top:2px}.object-dashboard{left:7%;right:7%;top:15%;padding:22px;background:#f2f5f9;color:#182332;border-radius:20px;opacity:0;transform:translateY(50px) scale(.94)}.mock-head{display:flex;justify-content:space-between;border-bottom:1px solid #dfe5ec;padding-bottom:16px}.mock-head strong{display:block;font-size:18px}.mock-head span{display:block;color:#7d8997;font-size:10px;margin-top:3px}.mock-head b{font-size:18px}.mock-row{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:14px;padding:15px 0;border-bottom:1px solid #e3e8ee;font-size:11px}.mock-row b{text-align:right}.mock-row em{font-style:normal;padding:5px 8px;background:#fff0d0;color:#9f6a00;border-radius:99px;font-size:9px}.mock-row em.ok{background:#e6f8f0;color:#07825e}.object-check{left:50%;top:50%;width:320px;transform:translate(-50%,-30%) scale(.85);text-align:center;opacity:0}.check-ring{width:76px;height:76px;border-radius:26px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,#4d66ff,#27cfbf);font-size:34px;box-shadow:0 20px 55px rgba(66,116,255,.28)}.object-check strong{display:block;font-size:34px;letter-spacing:-.05em}.object-check span{display:block;color:#9eabbc;font-size:13px;margin-top:7px}.story-full-stage[data-state="0"] .object-receipt{opacity:1}.story-full-stage[data-state="1"] .object-receipt{opacity:.15;transform:translateX(-100px) rotate(-7deg)}.story-full-stage[data-state="1"] .object-fields{opacity:1;transform:none}.story-full-stage[data-state="2"] .object-receipt,.story-full-stage[data-state="2"] .object-fields{opacity:.06}.story-full-stage[data-state="2"] .object-dashboard{opacity:1;transform:translateY(0) scale(1)}.story-full-stage[data-state="3"] .object-receipt,.story-full-stage[data-state="3"] .object-fields,.story-full-stage[data-state="3"] .object-dashboard{opacity:.03;transform:scale(.83) translateY(-50px)}.story-full-stage[data-state="3"] .object-check{opacity:1;transform:translate(-50%,-50%) scale(1)}.story-full-copy{position:relative;z-index:3;margin-top:-100vh}.story-full-step{min-height:76vh;display:flex;flex-direction:column;justify-content:center;padding:12vh 7vw;max-width:600px}.story-full-step span{font-size:12px;color:#7d8cff;font-weight:900;letter-spacing:.14em}.story-full-step h2{font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:-.07em;margin:16px 0}.story-full-step p{font-size:18px;line-height:1.65;color:#aeb9c9;margin:0}.statement-band{padding:150px 7vw 160px;background:#f2f3f6}.statement-band h2{font-size:clamp(48px,7vw,105px);line-height:.93;letter-spacing:-.07em;max-width:1000px;margin:0 0 26px}.statement-band>p:last-child{font-size:19px;color:#5f6b78;max-width:580px;line-height:1.6}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability{padding:42px 7vw 55px;border-right:1px solid var(--line)}.capability:last-child{border-right:0}.capability span{font-size:11px;color:var(--muted);font-weight:800}.capability h3{font-size:26px;margin:52px 0 10px;letter-spacing:-.04em}.capability p{font-size:14px;color:var(--muted);line-height:1.55;max-width:300px}.brand-end{padding:130px 7vw 160px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.brand-end h2{font-size:clamp(48px,7vw,96px);line-height:.94;letter-spacing:-.07em;max-width:900px;margin:0}.brand-end .hero-link{margin-top:18px;flex:0 0 auto}

/* Dashboard calm-down */
.dashboard-welcome{padding-top:6px}.welcome-copy{min-width:0}.dashboard-primary-actions{gap:8px}.dashboard-primary-actions .primary span{font-size:13px;margin-left:4px}.dashboard-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.priority-panel,.action-panel{padding:20px}.priority-list{display:grid;gap:8px}.priority-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:var(--surface)}.priority-item:hover{border-color:#b8c5da;transform:translateY(-1px)}.priority-item>span:last-child{margin-left:auto;color:var(--muted)}.priority-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--primary)}.priority-item strong{display:block;font-size:12px}.priority-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.all-good{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface-2)}.all-good>span{width:34px;height:34px;border-radius:11px;background:#e8f8f2;color:#087e5c;display:grid;place-items:center;font-weight:900}.all-good strong{display:block;font-size:13px}.all-good small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.compact-actions{display:grid;gap:8px}.compact-action{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;text-align:left;cursor:pointer;font:inherit}.compact-action:hover{border-color:#b8c5da}.compact-action>span{width:31px;height:31px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-weight:900}.compact-action strong{display:block;font-size:12px}.compact-action small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.dashboard-main-grid{align-items:start}.dashboard-main-grid .focus-panel{min-height:100%}

@media(max-width:980px){.brand-hero{padding:24px 6vw 28px}.brand-hero-grid{grid-template-columns:1fr}.brand-hero-visual{min-height:460px}.brand-hero-copy h1{font-size:clamp(52px,12vw,86px)}.story-full-step{padding-left:6vw;padding-right:6vw}.capabilities-grid{grid-template-columns:1fr}.capability{border-right:0;border-bottom:1px solid var(--line)}.capability:last-child{border-bottom:0}.brand-end{padding-left:6vw;padding-right:6vw;flex-direction:column;align-items:flex-start}.dashboard-overview-grid{grid-template-columns:1fr}}
@media(max-width:640px){.brand-hero-top{gap:10px}.hero-rule{flex-basis:35px}.hero-caption{font-size:9px}.brand-hero-copy h1{font-size:52px}.brand-hero-copy .lead{font-size:17px}.brand-hero-visual{min-height:380px}.hero-receipt-sheet{width:210px;height:310px}.hero-data-card{right:0;top:20%;padding:12px}.story-full{min-height:330vh}.story-full-pin{padding:16px}.story-full-stage{width:100%;height:60vh;min-height:420px;border-radius:22px}.object-receipt{width:180px;height:270px;padding:19px}.object-fields{width:230px;right:4%;padding:14px}.object-dashboard{left:4%;right:4%;padding:14px}.mock-row{grid-template-columns:1.3fr .9fr .7fr;gap:7px;font-size:8px}.mock-row em{display:none}.story-full-copy{margin-top:-80vh}.story-full-step{min-height:62vh}.story-full-step h2{font-size:38px}.story-full-step p{font-size:16px}.statement-band{padding:100px 6vw}.statement-band h2{font-size:52px}.capability{padding-left:6vw;padding-right:6vw}.brand-end{padding-left:6vw;padding-right:6vw}.dashboard-primary-actions .secondary{display:none}}

/* Qwitty V1.7 — company site rebuilt + dashboard simplified */
.company-site{margin-left:calc(50% - 50vw);width:100vw;overflow:clip;background:#f6f3eb;color:#18152a}
.company-hero{min-height:calc(100vh - 78px);padding:72px 7vw 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 22%,rgba(244,104,77,.18),transparent 25%),radial-gradient(circle at 92% 76%,rgba(92,86,255,.16),transparent 28%),#f6f3eb}
.company-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:7vw;align-items:center;min-height:72vh}
.company-hero__copy{max-width:760px;position:relative;z-index:2}.company-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.18em;margin-bottom:28px}.company-kicker__mark{width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,#5c56ff,#f4684d);display:inline-block}.company-kicker--light{color:#f7f3eb}.company-hero h1{font-size:clamp(54px,7vw,102px);line-height:.91;letter-spacing:-.075em;margin:0 0 26px;max-width:900px}.company-hero p{font-size:20px;line-height:1.55;color:#686275;max-width:580px;margin:0}.company-hero__cta,.company-outline-cta,.company-cta>a{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-weight:900}.company-hero__cta{margin-top:32px;color:#fff;background:#201a3a;border-radius:999px;padding:15px 19px;box-shadow:0 14px 35px rgba(32,26,58,.18)}.company-hero__cta span,.company-outline-cta span,.company-cta>a span{font-size:18px}.company-hero__visual{height:min(720px,72vh);min-height:500px;position:relative;display:grid;place-items:center}.company-orb{position:absolute;border-radius:50%;filter:blur(1px)}.company-orb--one{width:min(34vw,420px);height:min(34vw,420px);background:radial-gradient(circle at 30% 30%,rgba(244,104,77,.95),rgba(244,104,77,.18) 55%,transparent 72%);right:7%;top:7%}.company-orb--two{width:min(27vw,330px);height:min(27vw,330px);background:radial-gradient(circle at 60% 40%,rgba(92,86,255,.85),rgba(92,86,255,.12) 60%,transparent 75%);left:1%;bottom:5%}.company-gridlines{position:absolute;inset:3% 4%;opacity:.55;background-image:linear-gradient(rgba(24,21,42,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(24,21,42,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000 45%,transparent 78%)}.company-panel{position:relative;width:min(560px,80%);height:560px;border-radius:34px;background:#211b42;color:#f8f5ee;padding:28px;transform:rotate(-4deg);box-shadow:0 38px 90px rgba(38,29,74,.24);overflow:hidden;z-index:1}.company-panel:before{content:"";position:absolute;inset:-18% auto auto -8%;width:70%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(244,104,77,.82),transparent 70%);opacity:.72}.company-panel:after{content:"";position:absolute;right:-18%;bottom:-20%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(92,86,255,.84),transparent 70%);opacity:.8}.company-panel__top,.company-panel__footer{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;font-weight:800}.company-panel__word{position:absolute;left:30px;bottom:86px;z-index:2;font-size:clamp(60px,8vw,112px);font-weight:900;line-height:.82;letter-spacing:-.085em}.company-panel__footer{position:absolute;left:30px;right:30px;bottom:28px;letter-spacing:.02em;text-transform:none;color:#c6c1d3}.company-hero__bottom{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#706978}.company-line{height:1px;flex:0 1 90px;background:#b8b2ba}

.company-film{position:relative;min-height:400vh;background:#17142b}.company-film__stage{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;background:#17142b;color:#f9f6ee}.company-film__backdrop{position:absolute;inset:0;transition:background .85s ease}.company-film__grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.company-film__frame{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:8vw 9vw;opacity:0;transform:scale(1.035);pointer-events:none;transition:opacity .65s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.company-frame__copy{max-width:620px;position:relative;z-index:3}.company-step{display:block;font-size:11px;font-weight:900;letter-spacing:.18em;color:#c9c4d7;text-transform:uppercase}.company-frame__copy h2{font-size:clamp(44px,5.6vw,82px);line-height:.93;letter-spacing:-.07em;margin:18px 0 18px}.company-frame__copy p{font-size:18px;line-height:1.55;color:#b4aec4;max-width:520px;margin:0}.company-film__progress{position:absolute;left:9vw;right:9vw;bottom:33px;display:flex;gap:7px;z-index:8}.company-film__progress span{height:3px;flex:1;background:rgba(255,255,255,.18);border-radius:99px;transition:background .45s ease}.company-film__progress span.is-active{background:#f7f2e9}.company-film__steps{position:relative}.company-film-step{height:100vh;min-height:640px}.company-frame--receipt .company-receipt{justify-self:center;width:min(315px,52%);height:450px;background:#fff;color:#282431;padding:28px 24px;transform:rotate(-8deg);box-shadow:0 35px 90px rgba(0,0,0,.28);position:relative}.company-receipt:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:24px;background:linear-gradient(135deg,#fff 25%,transparent 25%,transparent 50%,#fff 50%,#fff 75%,transparent 75%) 0/28px 24px}.company-receipt__brand{font-weight:900;letter-spacing:.12em;font-size:13px}.company-receipt__rule{height:2px;background:#e2dfe7;margin:18px 0}.company-receipt__line{height:7px;border-radius:99px;background:#ded9e3;width:78%;margin:14px 0}.company-receipt__line--short{width:49%}.company-receipt__total{margin-top:105px;font-size:36px;font-weight:900;letter-spacing:-.055em}.company-receipt__total small{font-size:12px;letter-spacing:.02em}.company-receipt__vat{color:#8b8597;font-size:11px;margin-top:8px}
.company-ai-card{justify-self:center;width:min(390px,90%);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.24)}.company-ai-card__head{display:flex;align-items:center;gap:10px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.10)}.company-status-dot{width:9px;height:9px;border-radius:50%;background:#7ce6bf;box-shadow:0 0 0 5px rgba(124,230,191,.12)}.company-ai-card__head strong{font-size:13px}.company-field{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.company-field span{font-size:11px;color:#9e97ae}.company-field strong{font-size:13px}.company-field--total{border-bottom:0;padding-bottom:0}.company-field--total strong{font-size:22px}
.company-inbox-card{justify-self:center;width:min(700px,92%);padding:25px;border-radius:26px;background:#f5f2ea;color:#2a2634;box-shadow:0 34px 90px rgba(0,0,0,.3)}.company-inbox-card__head{display:flex;justify-content:space-between;align-items:end;padding-bottom:20px;border-bottom:1px solid #dfd9cf}.company-inbox-card__head strong{display:block;font-size:23px;letter-spacing:-.03em}.company-inbox-card__head span{display:block;font-size:10px;color:#817a88;margin-top:4px}.company-inbox-card__head b{font-size:20px}.company-inbox-row{display:grid;grid-template-columns:1.2fr .9fr .8fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #e3ddd5;font-size:12px}.company-inbox-row:last-child{border-bottom:0}.company-inbox-row b{text-align:right}.company-inbox-row em{font-style:normal;font-size:9px;padding:5px 8px;background:#f5e6c6;color:#866014;border-radius:99px}.company-inbox-row em.ok{background:#dcf4eb;color:#107858}
.company-done-mark{justify-self:center;width:190px;height:190px;border-radius:58px;background:linear-gradient(135deg,#f4684d,#5c56ff);display:grid;place-items:center;box-shadow:0 30px 80px rgba(92,86,255,.24)}.company-done-mark span{font-size:88px;font-weight:500}.company-outline-cta{margin-top:30px;color:#f7f3eb;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:13px 18px}.company-film__stage[data-state="0"] .company-film__backdrop{background:radial-gradient(circle at 65% 38%,rgba(244,104,77,.45),transparent 25%),radial-gradient(circle at 15% 82%,rgba(92,86,255,.22),transparent 30%),#17142b}.company-film__stage[data-state="1"] .company-film__backdrop{background:radial-gradient(circle at 78% 26%,rgba(92,86,255,.44),transparent 28%),radial-gradient(circle at 12% 70%,rgba(55,198,178,.2),transparent 28%),#11182c}.company-film__stage[data-state="2"] .company-film__backdrop{background:radial-gradient(circle at 54% 45%,rgba(244,104,77,.22),transparent 30%),radial-gradient(circle at 86% 88%,rgba(92,86,255,.32),transparent 32%),#1d1934}.company-film__stage[data-state="3"] .company-film__backdrop{background:radial-gradient(circle at 25% 30%,rgba(244,104,77,.36),transparent 28%),radial-gradient(circle at 78% 68%,rgba(92,86,255,.42),transparent 32%),#17142b}.company-film__stage[data-state="0"] .company-frame--receipt,.company-film__stage[data-state="1"] .company-frame--ai,.company-film__stage[data-state="2"] .company-frame--inbox,.company-film__stage[data-state="3"] .company-frame--done{opacity:1;transform:none;pointer-events:auto}
.company-manifesto{padding:130px 9vw 150px;background:#f6f3eb;display:grid;grid-template-columns:.45fr 1.55fr;gap:8vw}.company-manifesto__label{font-size:10px;font-weight:900;letter-spacing:.16em;color:#817b87}.company-manifesto__copy h2{font-size:clamp(52px,7vw,108px);line-height:.9;letter-spacing:-.08em;margin:0 0 22px;max-width:980px}.company-manifesto__copy p{font-size:20px;color:#6f6878;max-width:620px;line-height:1.6;margin:0}.company-cta{padding:105px 9vw 118px;background:#211b42;color:#f7f3eb;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.company-cta h2{font-size:clamp(46px,6vw,84px);line-height:.92;letter-spacing:-.07em;max-width:980px;margin:14px 0 0}.company-cta>a{color:#211b42;background:#f7f3eb;border-radius:999px;padding:15px 18px;flex:0 0 auto}

/* Dashboard V1.7 — one workspace, one primary surface */
.dash-v17{padding:30px 0 90px}.dash-v17__header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:12px 0 24px}.dash-v17__header h1{font-size:clamp(32px,4.5vw,58px);line-height:.96;letter-spacing:-.06em;margin:6px 0 0}.dash-v17__new{min-width:104px}.dash-v17__subline{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0 14px}.dash-v17__subline p{margin:0;color:var(--muted);font-size:12px}.dash-v17__subline nav{display:flex;gap:18px;white-space:nowrap}.dash-v17__subline nav a{color:var(--text);font-weight:750;text-decoration:none;font-size:12px}.dash-v17__stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.dash-v17__stats>div{padding:25px 18px 24px 0;border-right:1px solid var(--line);margin-right:18px}.dash-v17__stats>div:last-child{border-right:0;margin-right:0}.dash-v17__stats span,.dash-v17__stats small{display:block;color:var(--muted);font-size:10px}.dash-v17__stats strong{display:block;font-size:29px;letter-spacing:-.05em;margin:8px 0 3px}.dash-v17__stats .is-attention strong{color:#b87312}.dash-v17__attention{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px}.dash-v17__attention-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--muted);flex:0 0 auto}.dash-v17__attention>div{display:flex;gap:22px;flex-wrap:wrap}.dash-v17__attention a{color:var(--text);text-decoration:none}.dash-v17__attention a:hover{text-decoration:underline}.dash-v17__attention--good{color:var(--muted)}.dash-v17__inbox{margin-top:46px}.dash-v17__inbox-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.dash-v17__inbox-head h2{font-size:32px;line-height:1;letter-spacing:-.05em;margin:3px 0 0}.dash-v17__filters{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(130px,.8fr)) auto auto;gap:8px;margin-bottom:15px;padding:0}.dash-v17__receipt-list{border-top:1px solid var(--line)}.dash-v17__receipt{display:grid;grid-template-columns:44px minmax(200px,1fr) auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:padding .18s ease,background .18s ease}.dash-v17__receipt:hover{background:var(--surface-2);padding-left:10px;padding-right:10px}.dash-v17__receipt-letter{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);font-size:12px;font-weight:900;color:var(--primary)}.dash-v17__receipt-main strong{display:block;font-size:13px}.dash-v17__receipt-main span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.dash-v17__receipt-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dash-v17__receipt-amount{display:flex;align-items:center;gap:18px;min-width:112px;justify-content:flex-end}.dash-v17__receipt-amount strong{font-size:13px}.dash-v17__receipt-amount span{color:var(--muted)}.dash-v17__empty{padding:45px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.dash-v17__tools{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:54px}.dash-v17__tools>a,.dash-v17__tools>button{display:flex;align-items:center;gap:12px;padding:20px 16px 20px 0;margin-right:16px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);text-decoration:none;text-align:left;cursor:pointer;font:inherit}.dash-v17__tools>a:last-child{border-right:0;margin-right:0}.dash-v17__tools span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary);font-weight:900}.dash-v17__tools strong{display:block;font-size:12px}.dash-v17__tools small{display:block;color:var(--muted);font-size:10px;margin-top:3px}

@media(max-width:980px){.company-hero__grid{grid-template-columns:1fr;min-height:auto;padding:30px 0 30px}.company-hero__visual{min-height:500px;height:58vh}.company-panel{height:470px;width:min(540px,86%)}.company-film__frame{grid-template-columns:1fr;padding:11vw 7vw;gap:22px}.company-frame__copy{max-width:700px}.company-frame__copy h2{font-size:clamp(42px,8vw,70px)}.company-frame--receipt .company-receipt,.company-ai-card,.company-inbox-card,.company-done-mark{justify-self:start}.company-film-step{height:92vh;min-height:610px}.company-manifesto{grid-template-columns:1fr;gap:30px}.dash-v17__subline{align-items:flex-start;flex-direction:column}.dash-v17__stats{grid-template-columns:repeat(2,1fr)}.dash-v17__stats>div{border-right:0;margin-right:0}.dash-v17__filters{grid-template-columns:1fr 1fr}.dash-v17__receipt{grid-template-columns:40px minmax(0,1fr) auto}.dash-v17__receipt-status{justify-content:flex-start}.dash-v17__receipt-amount{min-width:auto}.dash-v17__tools{grid-template-columns:1fr 1fr}.dash-v17__tools>a,.dash-v17__tools>button:nth-child(2){border-right:0}.dash-v17__tools>a,.dash-v17__tools>button{margin-right:0}}
@media(max-width:640px){.company-hero{padding:50px 6vw 22px}.company-hero h1{font-size:52px}.company-hero p{font-size:17px}.company-hero__visual{min-height:390px;height:48vh}.company-panel{height:350px;width:90%;padding:21px;border-radius:25px}.company-panel__word{left:21px;bottom:58px;font-size:63px}.company-panel__footer{left:21px;right:21px;bottom:20px}.company-film__stage{min-height:620px}.company-film__frame{padding:72px 6vw 75px;align-content:center}.company-frame__copy h2{font-size:42px}.company-frame__copy p{font-size:16px}.company-frame--receipt .company-receipt{width:230px;height:335px;padding:23px 19px;transform:rotate(-6deg);margin-top:8px}.company-receipt__total{margin-top:72px;font-size:29px}.company-ai-card{width:100%;max-width:350px;padding:20px}.company-inbox-card{width:100%;padding:18px;overflow:hidden}.company-inbox-card__head strong{font-size:20px}.company-inbox-row{grid-template-columns:1fr auto;gap:8px}.company-inbox-row span:nth-child(2){display:none}.company-inbox-row b{text-align:right}.company-inbox-row em{grid-column:1/-1;justify-self:start}.company-done-mark{width:145px;height:145px;border-radius:44px}.company-done-mark span{font-size:67px}.company-film__progress{left:6vw;right:6vw;bottom:20px}.company-film-step{height:88vh;min-height:580px}.company-manifesto{padding:90px 6vw 105px}.company-manifesto__copy h2{font-size:52px}.company-cta{padding:80px 6vw 90px;display:block}.company-cta h2{font-size:52px}.company-cta>a{margin-top:28px}.dash-v17{padding-top:18px}.dash-v17__header{align-items:flex-start;flex-direction:column}.dash-v17__new{width:100%}.dash-v17__subline nav{flex-wrap:wrap;white-space:normal}.dash-v17__stats{grid-template-columns:1fr 1fr}.dash-v17__stats>div{padding-right:8px}.dash-v17__stats strong{font-size:23px}.dash-v17__attention{align-items:flex-start;flex-direction:column;gap:9px}.dash-v17__filters{grid-template-columns:1fr}.dash-v17__receipt{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:14px 0}.dash-v17__receipt-status{grid-column:2}.dash-v17__receipt-amount{grid-column:2;justify-content:flex-start;gap:12px}.dash-v17__tools{grid-template-columns:1fr}.dash-v17__tools>a,.dash-v17__tools>button{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.dash-v17__tools>a:last-child{border-bottom:0}}

/* Public header: company site, not product workspace */
.public-topbar{background:rgba(246,243,235,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(33,27,66,.08)}
.public-topbar .brand-wordmark{color:#211b42}.public-topbar .main-nav a{color:#211b42}.public-topbar .main-nav a:first-child{background:transparent}.public-topbar .main-nav a:hover{background:rgba(33,27,66,.06)}
.public-topbar .theme-switch{display:none}.public-topbar .language-switch{color:#6f6878}.public-topbar .language-switch a{color:#6f6878}.public-topbar .language-switch a.active{color:#211b42}

/* Qwitty V1.8 — company site refinement and calmer owner dashboard */
.q-company-site{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;overflow:clip;background:#f6f1e9;color:#211d2b}
.q-company-hero{min-height:calc(100vh - 72px);padding:28px 7vw 28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 74% 30%,rgba(118,91,255,.17),transparent 27%),radial-gradient(circle at 18% 76%,rgba(255,110,87,.13),transparent 25%),#f6f1e9}
.q-company-hero__topline{display:flex;justify-content:space-between;gap:30px;color:#736b7e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(33,29,43,.12);padding-bottom:15px}
.q-company-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:6vw;align-items:center;width:min(1380px,100%);margin:0 auto;flex:1}
.q-company-hero__copy{max-width:760px}.q-company-eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#725df0;margin:0 0 18px}.q-company-hero h1{font-size:clamp(64px,8.5vw,128px);line-height:.88;letter-spacing:-.085em;margin:0;max-width:850px}.q-company-lead{font-size:21px;line-height:1.55;color:#685f70;max-width:600px;margin:25px 0 0}.q-company-cta{display:inline-flex;align-items:center;gap:15px;margin-top:20px;background:#211d2b;color:#fff7ee;text-decoration:none;border-radius:999px;padding:14px 18px;font-size:14px;font-weight:900;box-shadow:0 16px 35px rgba(33,29,43,.16)}.q-company-cta span{font-size:17px}
.q-company-hero__visual{height:min(650px,68vh);min-height:500px;position:relative;display:grid;place-items:center}.q-orbit{position:absolute;border:1px solid rgba(114,93,240,.22);border-radius:50%}.q-orbit--a{width:520px;height:520px;transform:rotate(15deg)}.q-orbit--b{width:360px;height:570px;transform:rotate(-21deg);border-color:rgba(255,110,87,.18)}.q-phone-shadow{position:absolute;width:330px;height:490px;border-radius:48px;background:rgba(114,93,240,.22);filter:blur(45px);transform:translate(20px,26px) rotate(7deg)}.q-phone{position:relative;width:284px;height:568px;border-radius:42px;background:linear-gradient(160deg,#272238,#11101a);padding:16px;border:1px solid rgba(255,255,255,.16);box-shadow:0 42px 90px rgba(34,27,55,.25);transform:rotate(7deg);z-index:2}.q-phone__bar,.q-phone__header,.q-phone__status{display:flex;align-items:center;justify-content:space-between;color:#f5f1ea}.q-phone__bar{font-size:9px;opacity:.7;padding:2px 3px 12px}.q-phone__header{display:block;padding:5px 3px 14px}.q-phone__header strong{display:block;font-size:15px;letter-spacing:-.02em}.q-phone__header span{display:block;color:#a9a2b6;font-size:10px;margin-top:3px}.q-phone__camera{height:380px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(150deg,#d7dde5,#f6f0e4 42%,#c8a97e);display:grid;place-items:center}.q-phone__corner{position:absolute;width:27px;height:27px;border:3px solid #fff;opacity:.82}.q-phone__corner--tl{top:16px;left:16px;border-right:0;border-bottom:0}.q-phone__corner--br{right:16px;bottom:16px;border-left:0;border-top:0}.q-phone__receipt{width:154px;background:#fff;color:#2b2730;padding:24px 17px;box-shadow:0 18px 34px rgba(0,0,0,.17);transform:rotate(-4deg);text-align:center}.q-phone__receipt-brand{display:block;font-size:13px;font-weight:900;letter-spacing:.1em}.q-phone__receipt i{display:block;height:5px;background:#dde0e5;border-radius:99px;margin-top:14px}.q-phone__receipt i.short{width:62%;margin-left:auto;margin-right:auto}.q-phone__receipt i.mid{width:78%;margin-left:auto;margin-right:auto}.q-phone__receipt strong{display:block;font-size:21px;margin-top:40px;letter-spacing:-.04em}.q-phone__receipt small{display:block;color:#7b7880;font-size:9px;margin-top:6px}.q-phone__status{justify-content:flex-start;gap:8px;font-size:10px;padding:15px 2px 7px}.q-phone__dot{width:8px;height:8px;border-radius:50%;background:#47d6ab;box-shadow:0 0 0 4px rgba(71,214,171,.12)}.q-phone__shutter{width:56px;height:56px;border:5px solid #fff;border-radius:50%;margin:5px auto 0}.q-phone-tag{position:absolute;right:-20px;bottom:10%;display:flex;align-items:center;gap:10px;padding:14px 15px;background:#211d2b;color:#fff7ee;border-radius:17px;box-shadow:0 20px 50px rgba(34,27,55,.22);z-index:3}.q-phone-tag__dot{width:10px;height:10px;border-radius:50%;background:#ff765d;box-shadow:0 0 0 5px rgba(255,118,93,.11)}.q-phone-tag strong{display:block;font-size:11px}.q-phone-tag small{display:block;color:#aaa2b5;font-size:9px;margin-top:3px}
.q-company-hero__cue{display:flex;align-items:center;gap:11px;color:#746d7e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.q-company-hero__cue i{height:1px;width:80px;background:#b8b0ba}.q-company-hero__cue span:last-child{font-size:16px}
.q-story{position:relative;height:400vh;min-height:0;background:#191428;color:#fbf7ef}.q-story__pin{position:sticky;top:72px;height:calc(100vh - 72px);display:grid;place-items:center;padding:4vw;z-index:2}.q-story__stage{position:relative;width:min(1180px,91vw);height:min(700px,81vh);min-height:560px;border-radius:32px;overflow:hidden;background:#171326;box-shadow:0 50px 120px rgba(29,18,50,.3);border:1px solid rgba(255,255,255,.08)}.q-story__glow,.q-story__grid{position:absolute;inset:0}.q-story__glow{background:radial-gradient(circle at 65% 42%,rgba(117,91,240,.28),transparent 28%),radial-gradient(circle at 25% 72%,rgba(255,110,87,.18),transparent 25%);transition:background .7s ease}.q-story__grid{opacity:.11;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:38px 38px}.q-story__product-label{position:absolute;top:24px;left:30px;z-index:6;font-size:9px;font-weight:900;letter-spacing:.16em;color:#aaa2b6}.q-story__visual{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.75,.2,1);pointer-events:none}.q-story__caption{position:absolute;left:6%;bottom:11%;width:min(500px,42%);z-index:6}.q-story__step{display:none;color:#9d8dff;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.q-story__step.is-active{display:block}.q-story__caption h2{font-size:clamp(42px,5.2vw,75px);line-height:.92;letter-spacing:-.07em;margin:15px 0}.q-story__caption p{font-size:16px;line-height:1.55;color:#aaa3b5;max-width:500px;margin:0}.q-story__progress{position:absolute;left:6%;right:6%;bottom:27px;display:flex;gap:6px;z-index:7}.q-story__progress span{height:3px;flex:1;background:rgba(255,255,255,.15);border-radius:99px}.q-story__progress span.is-active{background:#fff7ee}.q-story-receipt{width:245px;height:350px;padding:25px 23px;background:#fff;color:#2a2630;transform:rotate(-7deg);box-shadow:0 35px 90px rgba(0,0,0,.26)}.q-story-receipt b{font-size:13px;letter-spacing:.1em}.q-story-receipt span,.q-story-receipt i{display:block;height:6px;background:#ded9e0;border-radius:99px;margin-top:18px}.q-story-receipt i{margin-top:12px;width:78%}.q-story-receipt i.short{width:54%}.q-story-receipt strong{display:block;font-size:29px;margin-top:88px;letter-spacing:-.05em}.q-story-receipt small{display:block;color:#7b7481;font-size:10px;margin-top:5px}.q-ai-card{width:340px;padding:22px 24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;backdrop-filter:blur(16px);box-shadow:0 35px 80px rgba(0,0,0,.22)}.q-ai-card__head{display:flex;align-items:center;gap:9px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.q-ai-card__head>span{width:9px;height:9px;border-radius:50%;background:#68e1ba;box-shadow:0 0 0 5px rgba(104,225,186,.11)}.q-ai-card__head strong{font-size:12px}.q-ai-card p{display:flex;justify-content:space-between;gap:15px;padding:14px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.08)}.q-ai-card p b{font-size:10px;color:#9890a4}.q-ai-card p strong{font-size:12px}.q-ai-card p.total{border-bottom:0}.q-ai-card p.total strong{font-size:19px}.q-inbox-card{width:min(700px,68%);padding:24px;background:#f7f2e9;color:#2b2633;border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.28)}.q-inbox-card header{display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;border-bottom:1px solid #dfd8cd}.q-inbox-card header strong{display:block;font-size:21px}.q-inbox-card header small{display:block;font-size:9px;color:#7d7582;margin-top:3px}.q-inbox-card header b{font-size:18px}.q-inbox-card>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #e3ddd4;font-size:11px}.q-inbox-card>div:last-child{border-bottom:0}.q-inbox-card em{font-style:normal;padding:5px 8px;border-radius:99px;background:#f4e4c4;color:#8d650c;font-size:8px}.q-inbox-card em.ok{background:#dcf2e9;color:#127457}.q-done{text-align:center}.q-done>span{width:100px;height:100px;border-radius:34px;display:grid;place-items:center;margin:0 auto 17px;background:linear-gradient(135deg,#ff725b,#7560ef);font-size:45px;box-shadow:0 25px 60px rgba(117,96,239,.25)}.q-done strong{display:block;font-size:32px;letter-spacing:-.05em}.q-done small{display:block;color:#a9a2b3;margin-top:7px}.q-story__stage[data-state="0"] .q-story__visual--0,.q-story__stage[data-state="1"] .q-story__visual--1,.q-story__stage[data-state="2"] .q-story__visual--2,.q-story__stage[data-state="3"] .q-story__visual--3{opacity:1;transform:none}.q-story__stage[data-state="0"] .q-story__glow{background:radial-gradient(circle at 68% 42%,rgba(255,110,87,.3),transparent 27%),radial-gradient(circle at 25% 72%,rgba(117,91,240,.17),transparent 25%)}.q-story__stage[data-state="1"] .q-story__glow{background:radial-gradient(circle at 72% 38%,rgba(117,91,240,.3),transparent 30%),radial-gradient(circle at 22% 78%,rgba(63,203,177,.15),transparent 24%)}.q-story__stage[data-state="2"] .q-story__glow{background:radial-gradient(circle at 62% 46%,rgba(255,110,87,.2),transparent 27%),radial-gradient(circle at 88% 20%,rgba(117,91,240,.22),transparent 24%)}.q-story__stage[data-state="3"] .q-story__glow{background:radial-gradient(circle at 28% 32%,rgba(255,110,87,.24),transparent 27%),radial-gradient(circle at 78% 70%,rgba(117,91,240,.3),transparent 28%)}.q-story__steps{position:absolute;inset:0;height:100%;pointer-events:none;z-index:1}.q-story__steps>div{height:25%;min-height:0}
.q-company-close{padding:140px 8vw 155px;background:#e9e1d7}.q-company-close .q-company-eyebrow{margin-bottom:22px;color:#211d2b}.q-company-close h2{font-size:clamp(54px,7.2vw,108px);line-height:.9;letter-spacing:-.08em;max-width:1050px;margin:0}.q-company-close>p:last-child{font-size:20px;line-height:1.6;color:#6b6370;max-width:640px;margin:30px 0 0}
.dash-v17{padding-bottom:40px}.dash-v17__inbox{margin-top:34px}.dash-v17__tools{margin-top:28px}
@media(max-width:980px){.q-company-hero__grid{grid-template-columns:1fr;gap:25px}.q-company-hero__visual{min-height:520px;height:58vh}.q-story__caption{width:55%;bottom:10%}.q-inbox-card{width:65%}.dash-v17__tools{margin-top:20px}}
@media(max-width:640px){.q-company-hero{padding:22px 6vw 22px}.q-company-hero__topline span:last-child{display:none}.q-company-hero h1{font-size:54px}.q-company-lead{font-size:17px}.q-company-cta{margin-top:17px}.q-company-hero__visual{min-height:440px;height:51vh}.q-orbit--a{width:360px;height:360px}.q-orbit--b{width:280px;height:420px}.q-phone{transform:rotate(6deg) scale(.82)}.q-phone-tag{right:-5px;bottom:8%;transform:scale(.88);transform-origin:right bottom}.q-company-hero__cue{margin-top:8px}.q-story{height:400vh;min-height:0}.q-story__stage{width:90vw;height:76vh;min-height:570px;border-radius:24px}.q-story__product-label{left:18px;top:18px;font-size:8px}.q-story__caption{left:18px;right:18px;width:auto;bottom:72px}.q-story__caption h2{font-size:39px;margin:12px 0}.q-story__caption p{font-size:14px;max-width:430px}.q-story-receipt{width:185px;height:274px;padding:20px 17px;position:absolute;top:12%;left:calc(50% - 92px)}.q-story-receipt strong{margin-top:58px;font-size:22px}.q-ai-card{width:78%;padding:18px}.q-inbox-card{width:83%;padding:17px}.q-inbox-card>div{grid-template-columns:1fr auto}.q-inbox-card em{grid-column:1/-1;justify-self:start}.q-done>span{width:78px;height:78px;font-size:35px}.q-done strong{font-size:25px}.q-company-close{padding:90px 6vw 105px}.q-company-close h2{font-size:52px}.q-company-close>p:last-child{font-size:17px}.dash-v17{padding-bottom:22px}.dash-v17__inbox{margin-top:25px}.dash-v17__tools{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.q-story__visual,.q-story__glow{transition:none}}

/* Qwitty V1.9 landing refinement */
html,body{overflow-x:clip}
.container:has(.q-company-site){max-width:none;padding:0}
.q-company-site{width:100%;margin:0;overflow:visible;isolation:isolate}
.q-company-hero__copy{transform:translateY(-2.5vh)}
.q-company-cta{margin-top:14px}
.q-company-hero__cue{margin-bottom:3vh}
.q-company-hero__visual{overflow:visible}
.q-story__stage{overflow:hidden}
.q-story__visual{display:flex;justify-content:flex-end;align-items:center;padding:0 6% 0 0;}
.q-story__visual--0 .q-story-receipt{margin-right:7%}
.q-story__visual--1 .q-ai-card{margin-right:3%}
.q-story__visual--2 .q-inbox-card{margin-right:0;width:min(610px,52%)}
.q-story__visual--3{padding-right:6%;padding-left:0;}
.q-story__caption{left:6%;bottom:18%;width:min(470px,36%)}
.q-story__caption h2{max-width:470px}
.q-company-close{min-height:430px;background:#e9e1d7}
.q-company-close .q-company-eyebrow{font-size:11px}
@media(max-width:980px){
  .q-company-hero__copy{transform:none}
  .q-story__visual{padding:0 6% 0 0}
  .q-story__caption{width:40%;bottom:17%}
  .q-story__caption h2{font-size:clamp(36px,5.5vw,60px)}
}
@media(max-width:640px){
  .q-company-hero__copy{transform:translateY(-1vh)}
  .q-story__visual{padding:0 6% 0 6%;justify-content:center;align-items:flex-start;padding-top:15%}
  .q-story__caption{left:6%;right:6%;width:auto;bottom:62px}
  .q-story__visual--0 .q-story-receipt{margin:0}
  .q-story__visual--1 .q-ai-card{margin:0}
  .q-story__visual--2 .q-inbox-card{margin:0;width:88%}
  .q-story__visual--3{padding:0;align-items:center}
}

body:has(.q-company-site){background:#e9e1d7}
html:has(.q-company-site){background:#e9e1d7}

/* Qwitty V2.2 — fine-tuned pinned story positioning */
html,body{overflow-x:clip}
.q-company-site{overflow:visible}
.q-story{position:relative;isolation:isolate;height:400vh}
.q-story__pin{position:sticky;top:72px;height:calc(100vh - 72px);align-self:start}
.q-story__stage{position:relative;top:-18px}
.q-phone__header span{display:none}
.q-phone__status{justify-content:flex-end;padding-top:12px}
@media(max-width:640px){
  .q-story{height:400vh}
  .q-story__pin{top:64px;height:calc(100vh - 64px)}
  .q-story__stage{top:-10px}
  .q-phone__status{padding-top:10px}
}

/* Qwitty V2.28 — definitive mobile landing composition */
@media (max-width:640px){
  /* Hero: text first, phone second, CTA third. */
  .q-company-hero{
    min-height:calc(100svh - 64px);
    height:auto;
    padding:18px 6vw 12px;
    justify-content:flex-start;
    background:radial-gradient(circle at 78% 38%,rgba(118,91,255,.14),transparent 27%),radial-gradient(circle at 18% 80%,rgba(255,110,87,.10),transparent 25%),#f6f1e9;
  }
  .q-company-hero__topline{
    border-bottom:0 !important;
    padding-bottom:0;
    margin-bottom:8px;
  }
  .q-company-hero__grid{
    display:grid !important;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto minmax(250px,1fr) auto;
    gap:0;
    align-items:start;
    width:100%;
    margin:0;
    flex:1;
  }
  .q-company-hero__copy{display:contents !important}
  .q-company-eyebrow{
    grid-row:1;
    margin:0 0 12px;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.12em;
    max-width:100%;
  }
  .q-company-hero h1{
    grid-row:2;
    font-size:clamp(50px,14vw,62px);
    line-height:.88;
    max-width:100%;
  }
  .q-company-lead{
    grid-row:3;
    font-size:16px;
    line-height:1.42;
    margin:13px 0 0;
    max-width:100%;
  }
  .q-company-hero__visual{
    grid-row:4;
    width:100%;
    height:100%;
    min-height:250px;
    max-height:340px;
    display:grid;
    place-items:center;
    overflow:visible;
    margin-top:2px;
  }
  .q-orbit--a{width:270px;height:270px}
  .q-orbit--b{width:210px;height:315px}
  .q-phone-shadow{
    width:235px;
    height:335px;
    transform:translate(11px,16px) rotate(7deg);
    filter:blur(30px);
  }
  .q-phone{
    width:284px;
    height:568px;
    transform:translateY(-2px) rotate(6deg) scale(.56);
    transform-origin:center center;
  }
  .q-phone-tag{
    right:3%;
    bottom:4%;
    transform:scale(.72);
    transform-origin:right bottom;
  }
  .q-company-cta{
    grid-row:5;
    justify-self:start;
    margin-top:5px !important;
    padding:13px 17px;
    font-size:13px;
  }
  .q-company-hero__cue{
    margin-top:6px;
    margin-bottom:0;
    gap:8px;
    font-size:8px;
  }
  .q-company-hero__cue i{width:42px}

  /* Pinned story: reserve a clear visual zone above the copy. */
  .q-story{
    height:400vh;
  }
  .q-story__pin{
    top:64px;
    height:calc(100svh - 64px);
    padding:4vw 5vw;
  }
  .q-story__stage{
    width:90vw;
    height:min(82svh,700px);
    min-height:600px;
    top:-8px;
    border-radius:24px;
  }
  .q-story__product-label{
    left:16px;
    top:16px;
    font-size:7px;
  }
  .q-story__visual{
    top:54px;
    left:5%;
    right:5%;
    bottom:auto;
    height:47%;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .q-story__visual--0 .q-story-receipt{
    width:165px;
    height:244px;
    padding:18px 15px;
    margin:0;
    transform:rotate(-7deg) scale(.94);
  }
  .q-story__visual--0 .q-story-receipt strong{margin-top:48px;font-size:20px}
  .q-story__visual--1 .q-ai-card{
    width:78%;
    padding:15px 16px;
    transform:scale(.88);
    transform-origin:center;
  }
  .q-story__visual--1 .q-ai-card p{padding:10px 0}
  .q-story__visual--2 .q-inbox-card{
    width:70% !important;
    padding:14px 15px;
    transform:translateY(-8px) scale(.88);
    transform-origin:center;
  }
  .q-story__visual--2 .q-inbox-card header{padding-bottom:11px}
  .q-story__visual--2 .q-inbox-card header strong{font-size:17px}
  .q-story__visual--2 .q-inbox-card header b{font-size:14px}
  .q-story__visual--2 .q-inbox-card>div{
    padding:10px 0;
    font-size:9px;
    gap:8px;
  }
  .q-story__visual--3{
    top:36px;
    height:43%;
    align-items:center !important;
  }
  .q-story__visual--3 .q-done{
    transform:translateY(-10px) scale(.88);
  }
  .q-story__caption{
    left:18px;
    right:18px;
    width:auto;
    bottom:52px;
  }
  .q-story__caption h2{
    font-size:clamp(31px,9.7vw,39px);
    line-height:.92;
    margin:10px 0;
    max-width:100%;
  }
  .q-story__caption p{
    font-size:13px;
    line-height:1.45;
    max-width:100%;
  }
  .q-story__progress{
    left:18px;
    right:18px;
    bottom:22px;
  }
}

/* Qwitty V2.31 — mobile hero phone: static, higher, no scroll drift */
@media (max-width:640px){
  .q-company-hero__visual{
    position:relative;
    top:auto;
    align-self:start;
    height:255px;
    min-height:255px;
    max-height:255px;
    z-index:3;
    display:grid;
    place-items:center;
    overflow:visible;
    margin-top:-22px;
    margin-bottom:0;
  }
  .q-phone{
    transform:translateY(-64px) rotate(6deg) scale(.53);
    transform-origin:center center;
  }
  .q-phone-shadow{
    transform:translate(10px,-44px) rotate(7deg);
  }
  .q-phone-tag{
    bottom:10%;
  }
  .q-company-hero__cue{
    position:relative;
    z-index:4;
  }
}


/* Big Update E — production/legal/mobile infrastructure */
.site-footer{border-top:1px solid var(--line);padding:24px 0;margin-top:24px;color:var(--muted);font-size:11px}.site-footer__inner{width:min(1180px,calc(100% - 36px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}
.cookie-notice,.install-banner{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 20px 70px rgba(0,0,0,.22)}.cookie-notice>div,.install-banner>div{display:grid;gap:3px}.cookie-notice strong,.install-banner strong{font-size:12px}.cookie-notice span,.install-banner span{font-size:11px;color:var(--muted)}.cookie-notice button,.install-banner button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.install-banner{bottom:86px}.install-dismiss{opacity:.72}
.legal-page{width:min(940px,calc(100% - 36px));margin:50px auto 80px}.legal-hero{max-width:760px;padding-bottom:30px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(42px,7vw,78px);letter-spacing:-.065em;line-height:.95;margin:8px 0 18px}.legal-placeholder{display:inline-block;margin:0;padding:8px 10px;border-radius:8px;background:rgba(100,132,255,.1);color:var(--primary);font-size:11px;font-weight:800}.legal-content{max-width:760px;padding-top:30px}.legal-content h2{font-size:20px;letter-spacing:-.03em;margin:28px 0 8px}.legal-content p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.admin-page{width:min(1100px,calc(100% - 36px));margin:40px auto 80px}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.admin-head h1,.admin-card h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.06em;line-height:.98;margin:8px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.12)}.admin-card h2{margin:7px 0 8px;font-size:22px;letter-spacing:-.035em}.admin-card p{color:var(--muted);font-size:13px;line-height:1.55}.admin-card form{display:grid;gap:12px;margin-top:18px}.admin-card label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.admin-card input[type=email],.admin-card input[type=password],.admin-card input[type=file]{padding:11px 12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:10px;font:inherit}.admin-card pre{white-space:pre-wrap;overflow:auto;background:#0b1020;color:#dce6f4;border-radius:12px;padding:14px;font-size:11px;line-height:1.5;margin:14px 0}.ai-test-result{margin-top:14px}.text-link{color:var(--primary);font-weight:800;text-decoration:none}
@media(max-width:700px){.site-footer__inner{width:calc(100% - 24px);align-items:flex-start;flex-direction:column}.cookie-notice,.install-banner{left:10px;right:10px;bottom:10px;align-items:flex-end}.install-banner{bottom:90px}.legal-page,.admin-page{width:calc(100% - 24px);margin-top:30px}.admin-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start}.legal-content p{font-size:13px}}


/* Big Update E.1 — public legal footer and cookie notice */
.q-company-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0 42px;border-top:1px solid rgba(33,27,66,.12);margin-top:26px;color:#6f6878;font-size:11px}.q-company-footer__links{display:flex;gap:8px;flex-wrap:wrap}.q-company-footer__links a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(33,27,66,.12);border-radius:999px;color:#5f5969;text-decoration:none;background:rgba(255,255,255,.35);transition:transform .15s ease,background .15s ease}.q-company-footer__links a:hover{transform:translateY(-1px);background:rgba(255,255,255,.7)}.q-company-footer__copy{white-space:nowrap}.cookie-notice{max-width:720px;margin:0 auto}.cookie-notice a{color:var(--primary);font-weight:800;text-decoration:none}.cookie-notice[hidden]{display:none!important}
@media(max-width:700px){.q-company-footer{align-items:flex-start;flex-direction:column;padding-bottom:30px}.q-company-footer__copy{white-space:normal}}

/* V2.32 — small production polish; does not alter the landing-page hero or story. */
.q-company-footer{
  padding:14px 0 18px;
  margin-top:18px;
  min-height:52px;
  align-items:center;
  justify-content:center;
  position:relative;
}
.q-company-footer__links{justify-content:center;align-items:center;gap:18px;}
.q-company-footer__links a{padding:2px 0;border:0;background:transparent;border-radius:0;color:#6f6878;font-size:10px;}
.q-company-footer__links a:hover{transform:none;background:transparent;text-decoration:underline;}
.q-company-footer__copy{position:absolute;right:0;color:#8a8390;font-size:10px;}
@media(max-width:700px){
  .q-company-footer{padding:12px 0 16px;min-height:0;display:flex;}
  .q-company-footer__links{gap:13px;flex-wrap:wrap;padding:0 64px 0 8px;}
  .q-company-footer__copy{right:8px;bottom:3px;position:relative;margin-top:7px;}
}
.capture-submit-row .primary:disabled{opacity:.68;cursor:wait;}