:root{color-scheme:light;--ink:#17243b;--muted:#66758c;--border:#e5eaf0;--bg:#fafbfc;--primary:#2256dd;--primary-hover:#1946bd;--surface:#fff;--shadow:0 14px 42px rgba(22,38,67,.035);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6}a{color:#2256dd;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #80a5ff;outline-offset:2px}.container{max-width:1160px;padding:0 26px;margin:auto}.site-header{border-bottom:1px solid var(--border);background:#fff}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:19px;font-weight:800;letter-spacing:-.7px;color:var(--ink);display:flex;align-items:center;gap:12px}.brand:hover{text-decoration:none}.brand em{font-style:normal;font-weight:500;color:#8994a7}.brand-mark{background:#182b54;color:white;width:36px;height:36px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:27px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a:not(.btn),.nav-logout{font-size:13px;color:#526078;font-weight:600}.nav-logout{border:0;background:transparent;padding:0}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 21px;border-radius:10px;font-weight:650;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:#fff;color:#26395a;border-color:#dfe5ed}.btn-outline:hover{background:#f7f9fd}.btn-sm{min-height:39px;padding:9px 17px}.btn-wide{width:100%}.hero{text-align:center;padding-top:119px;padding-bottom:119px}.eyebrow,.page-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#4363a0}.dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#94a7c5;margin:0 8px 2px}.hero h1{font-size:clamp(43px,6.6vw,79px);line-height:1.12;letter-spacing:-3.7px;margin:24px 0}.muted-heading{color:#8995aa}.hero-copy{max-width:575px;margin:auto;color:var(--muted);font-size:17px}.hero-actions{display:flex;justify-content:center;gap:13px;margin-top:34px;flex-wrap:wrap}.hero-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:26px;margin-top:40px;color:#64748b;font-size:12px}.features{padding-bottom:115px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:32px;letter-spacing:-1.1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.panel,.stat-card,.auth-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.feature-card{padding:33px}.feature-card h3{font-size:18px;margin:17px 0 5px}.feature-card p{color:var(--muted);margin:0;font-size:14px}.feature-icon{height:49px;width:49px;border:1px solid #e3eaf6;background:#f2f6fe;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#315bd0}.site-footer{background:white;border-top:1px solid var(--border);color:#8994a7;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:30px;padding-bottom:30px}.auth-wrap{min-height:calc(100vh - 177px);display:grid;place-items:center;padding:65px 18px}.auth-card{max-width:470px;width:100%;padding:42px}.auth-card h1{font-size:30px;letter-spacing:-.9px;margin:9px 0 0}.subtext{color:var(--muted);margin:6px 0 0;font-size:14px}.form-stack{display:grid;gap:19px;margin-top:28px}.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#33415a}.form-stack input:not([type=checkbox]),.form-stack textarea,.form-stack select{width:100%;padding:11px 14px;background:#fff;border:1px solid #dce4ee;border-radius:9px;color:#1d2b44;outline-offset:2px;min-height:46px}.form-stack textarea{resize:vertical}.form-stack input[type=color]{padding:4px 7px;min-height:46px}.form-stack small{color:#8993a3;font-size:11px;font-weight:400}.form-stack .checkbox-row{display:flex;align-items:center;gap:8px;font-weight:400}.form-foot{margin-top:25px;text-align:center;font-size:13px;color:var(--muted)}.workspace{padding-top:65px;padding-bottom:100px;min-height:65vh}.workspace-narrow{max-width:960px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 30px}.page-head h1{font-size:35px;letter-spacing:-1.2px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:26px}.stat-card{padding:27px 30px;display:grid;gap:8px}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{font-size:32px;letter-spacing:-1px}.stat-card .stat-value-small{font-size:22px;color:#1f6b47}.panel-heading{padding:23px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:16px;margin:0}.count{color:var(--muted);font-size:12px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:18px 28px;border-bottom:1px solid #edf0f4;font-size:13px}.data-table th{color:#8a96a8;font-weight:650;background:#fcfdff}.data-table tr:last-child td{border-bottom:0}.table-link{font-weight:650;color:#243753}.pill{background:#edf3fc;padding:5px 9px;border-radius:7px;color:#4a6390;font-size:11px;font-weight:700}.pagination{padding:15px 28px}.empty-state{text-align:center;padding:75px 20px}.empty-icon{font-size:45px;color:#4a68a4}.empty-state h3{margin:10px 0 5px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:22px}.back-link{display:inline-block;color:#697c97;font-size:13px;margin-bottom:28px}.panel-padding{padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:12px}.qr-result{display:grid;grid-template-columns:330px 1fr;gap:35px;align-items:center;padding:38px}.qr-preview{border:1px solid var(--border);border-radius:13px;display:grid;place-items:center;padding:15px}.qr-preview img{max-width:100%;height:auto}.result-info h2{font-size:24px;letter-spacing:-.6px}.download-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.danger-link,.table-action{border:0;background:transparent;color:#b84141;padding:5px 0;font-size:12px;font-weight:600}.table-action{color:#2256dd}.error-box{padding:15px 18px;background:#fff0f1;border:1px solid #f5d6da;color:#a52f3a;border-radius:9px;margin:20px 0;font-size:13px}.notice{padding:13px 17px;background:#edf8f0;border:1px solid #cee9d5;border-radius:9px;color:#20713e}.table-scroll{overflow-x:auto}@media(max-width:700px){.container{padding:0 18px}.nav-inner{height:70px}.nav-links{gap:12px}.brand{font-size:16px}.nav-links>a:not(.btn){display:none}.hero{padding-top:76px;padding-bottom:85px}.hero h1{letter-spacing:-2px}.feature-grid,.stat-grid,.qr-result,.form-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.page-head{align-items:flex-start;flex-direction:column}.workspace{padding-top:43px}.panel-padding,.auth-card{padding:25px}.qr-result{padding:20px}.form-actions{flex-wrap:wrap}.data-table th,.data-table td{padding:14px}.hero-proof{gap:12px}}
/* Warke QR design system — light only */
:root{color-scheme:light;--primary:#1d4ed8;--primary-hover:#1e40af;--ink:#152238;--muted:#64748b;--border:#e6ebf2;--bg:#f7f9fc;--shadow:0 4px 24px rgba(25,44,78,.035)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}
.skip-link{position:absolute;left:12px;top:-60px;z-index:9999;background:#fff;padding:12px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;background:#fff;box-shadow:0 1px 0 #e6ebf2}
.nav-inner{max-width:1480px}.brand-mark{border-radius:11px;background:#18345f}.brand-light{font-weight:450;color:#7787a0}
.account-link{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-links{display:flex;gap:25px}.footer-links a{color:#657790}.site-footer{margin-top:auto}
.app-shell{display:flex;max-width:1680px;min-height:calc(100vh - 160px);margin:0 auto;width:100%}
.workspace-sidebar{width:245px;flex:0 0 245px;background:#fff;border-right:1px solid var(--border);padding:34px 16px 30px;display:flex;flex-direction:column;gap:4px}
.sidebar-section{font-size:10px;letter-spacing:1.65px;color:#96a4b8;font-weight:850;padding:19px 12px 9px}
.sidebar-link{color:#54657d;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;padding:12px 14px;border-radius:10px}
.sidebar-link:hover,.sidebar-link.active{background:#eff5fe;text-decoration:none;color:#1846a2}
.sidebar-link span{width:20px;font-size:18px;text-align:center}
.sidebar-foot{font-size:10px;color:#8997aa;line-height:1.5;border-top:1px solid var(--border);margin:30px 8px 0;padding:19px 0}
.status-dot{display:inline-block;width:7px;height:7px;background:#2ca876;border-radius:50%;margin-right:6px}
.app-main{flex:1;min-width:0;padding:0 42px}
.app-main .workspace{width:100%;max-width:1190px;margin:0 auto;padding:40px 0 85px}
.app-main .workspace-narrow{max-width:940px}
.workspace-flash{max-width:1190px;margin:20px auto 0;padding:13px 17px;color:#14653c;background:#eaf8ef;border:1px solid #c8ead5;border-radius:10px}
.workspace-flash.error-box{background:#fff4f4;color:#9d3333;border-color:#f1d4d4}.workspace-flash ul{margin:6px 0 0}
.eyebrow{letter-spacing:1.75px;font-size:10px;font-weight:850;color:#5472ad}
.app-main .page-head{margin:8px 0 29px}.page-head h1{font-size:clamp(26px,3vw,37px);letter-spacing:-1.25px;line-height:1.25}
.app-main .stat-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-width:0;padding:24px 26px;box-shadow:none;border-color:#e7edf5}
.stat-card strong{font-size:35px;line-height:1.1}.stat-card small{font-size:11px;color:#7c8da4}.stat-card a{font-weight:650}
.panel{box-shadow:none;border-color:#e7edf5;overflow:hidden}.panel-padding{padding:31px}.panel-heading h2{font-size:17px}
.panel-heading .subtext{font-size:12px}.filter-bar{padding:18px 25px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border)}
.filter-bar input,.filter-bar select,.inline-form input{border:1px solid #dce4f0;border-radius:9px;min-height:42px;padding:9px 13px;background:white;color:#263d5d;min-width:145px;flex:1}
.filter-bar select{flex:0 1 190px}.filter-bar input{flex:1 1 220px}.btn-subtle{color:#6c7c91;background:#f5f7fa}
.pill{white-space:nowrap}.pill-success{background:#e8f6ee;color:#23714b}.pill-danger{background:#fff0f0;color:#ab3434}
.table-sub{display:block;color:#99a6b8;font-size:10px}.table-action{background:transparent;border:0;font-weight:750;color:#2256cc;cursor:pointer}.table-action.danger{color:#af4444}.table-actions{display:flex;gap:12px;align-items:center}.center{text-align:center}.muted{color:var(--muted)}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start}
.studio-grid .form-stack{margin-top:0}.studio-grid .form-stack>[data-type-group]{display:grid;gap:13px}.studio-grid [data-type-group] label{display:grid;gap:8px}
.form-section{display:flex;align-items:flex-start;gap:16px;padding-bottom:4px}.form-section h2{font-size:19px;letter-spacing:-.4px;margin:0}.form-section .subtext{margin-top:4px}
.form-section.split{margin-top:18px;padding-top:22px;border-top:1px solid var(--border)}
.step-tag{background:#edf3ff;border-radius:10px;width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;color:#1e4fb1;font-size:12px;font-weight:850}
.studio-aside{padding:30px;position:sticky;top:20px}.studio-aside h2{font-size:21px;letter-spacing:-.55px}.big-qr{background:#f2f5fa;border:1px solid #e6eaf0;display:grid;place-items:center;border-radius:16px;aspect-ratio:1/1;font-size:150px;color:#1b304f;margin:20px 0}.aside-facts{display:grid;gap:9px;font-size:12px;color:#467464;margin-top:23px}
.form-stack input[type=color]{height:55px;cursor:pointer}.form-stack select{cursor:pointer}.form-stack h2{font-size:20px}
.form-stack .checkbox-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}.form-stack .checkbox-row a{font-size:12px}
.helper{font-size:12px;color:#79889e;margin:0}.form-actions{padding-top:22px;border-top:1px solid var(--border)}
.details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.qr-display{text-align:center;padding:34px}.code-image{border:1px solid #edf0f5;border-radius:12px;padding:18px;width:min(100%,390px);height:auto;aspect-ratio:1/1;object-fit:contain}.qr-display .download-buttons{justify-content:center}
.separator{margin:30px 0;border-top:1px solid var(--border)}.danger-zone{border-color:#eebfc1;margin-top:24px}.btn-danger-outline{border-color:#efc2c4;color:#ad353f;background:white}
.narrow-panel{max-width:650px}.inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-form input{min-width:130px}.summary-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:11px 0;font-size:13px}
.text-right{text-align:right;font-size:12px}.info-hero{padding-top:80px;padding-bottom:50px;text-align:center}.info-hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;line-height:1.14;margin:15px 0 24px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:50px}.info-grid .feature-card{padding:27px}.info-grid h2{font-size:17px;margin:0 0 10px}.info-grid p{font-size:13px}
.info-cta{text-align:center;padding-bottom:85px}
@media(max-width:1150px){.workspace-sidebar{width:196px;flex-basis:196px}.app-main{padding:0 24px}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-aside{position:static}.big-qr{max-height:240px;font-size:100px;aspect-ratio:auto;height:240px}}
@media(max-width:800px){.app-shell{display:block}.workspace-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:10px 15px;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.sidebar-section,.sidebar-foot{display:none}.sidebar-link{font-size:12px;flex:0 0 auto;padding:10px 12px}.app-main{padding:0 20px}.app-main .stat-three,.details-grid,.info-grid{grid-template-columns:1fr}.nav-links{gap:10px}.nav-links .account-link{display:none}.nav-inner{padding:0 18px}}
@media(max-width:600px){.app-main{padding:0 16px}.app-main .workspace{padding:28px 0 60px}.panel-padding{padding:22px}.hero{padding-top:75px}.nav-links>a:not(.btn){display:none}.nav-links .btn{padding:9px 12px;font-size:12px}.brand{font-size:15px;gap:6px}.filter-bar{padding:15px}.filter-bar input,.filter-bar select{flex:1 1 100%}.qr-display{padding:20px}.studio-aside{padding:22px}.info-hero{padding:50px 0}.footer-links{gap:12px}.table-scroll{overflow-x:auto}}
@media(max-width:600px){.nav-links>a.nav-signin:not(.btn){display:inline-flex;font-size:12px}}

/* WARKE QR — GLOBAL LAYOUT */

:root {
    color-scheme: light;
    --wq-ink: #202124;
    --wq-muted: #687484;
    --wq-line: #e9edf2;
    --wq-blue: #2563eb;
}

body {
    background: #ffffff;
    color: var(--wq-ink);
    font-family: 'DM Sans', sans-serif;
}

/* Header */

.site-header {
    position: relative;
    z-index: 100;
    background: #ffffff;
    border-bottom: 1px solid var(--wq-line);
}

.site-header .nav-inner {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.site-header .brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #202124;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.055em;
    text-decoration: none;
    white-space: nowrap;
}

.site-header .brand-light {
    color: #4285f4;
}

.site-header .brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 21px;
}

.site-header .nav-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
    flex-wrap: wrap;
}

.site-header .nav-links > a:not(.btn),
.site-header .nav-logout {
    color: #526071;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}

.site-header .nav-links > a:not(.btn):hover,
.site-header .nav-logout:hover {
    color: #2563eb;
}

.site-header .nav-links form {
    margin: 0;
}

.site-header .nav-logout {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

.site-header .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #2563eb;
    color: #fff;
    border: 1px solid #2563eb;
    border-radius: 100px;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.site-header .btn-primary:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

/* Footer */

.site-footer {
    background: #fff;
    border-top: 1px solid var(--wq-line);
}

.site-footer .footer-inner {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #7b8594;
    font-size: 12px;
}

.site-footer .footer-links {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
}

.site-footer .footer-links a {
    color: #526071;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.site-footer .footer-links a:hover {
    color: #2563eb;
}

/* Mobile */

@media (max-width: 767px) {
    .site-header .nav-inner {
        min-height: 70px;
        padding-top: 12px;
        padding-bottom: 12px;
        flex-wrap: wrap;
    }

    .site-header .nav-links {
        width: 100%;
        justify-content: flex-start;
        gap: 14px 20px;
    }

    .site-footer .footer-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 18px;
    }

    .site-footer .footer-links {
        gap: 18px;
    }
}


/* ============================================
   WARKE QR — GLOBAL HEADER & FOOTER
   Minimalist Enterprise Light Theme
============================================ */

.wqr-global-header,
.wqr-global-footer {
    font-family: "DM Sans", Arial, sans-serif;
    color: #101114;
    background: #fff;
    box-sizing: border-box;
}

.wqr-global-header *,
.wqr-global-footer *,
.wqr-global-header *::before,
.wqr-global-header *::after,
.wqr-global-footer *::before,
.wqr-global-footer *::after {
    box-sizing: border-box;
}

/* HEADER */

.wqr-global-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid #ededf0;
}

.wqr-header-inner {
    max-width: 1460px;
    min-height: 84px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5.5vw, 95px);

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 36px;
}

/* Brand */

.wqr-header-brand,
.wqr-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #101114 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.wqr-header-brand {
    justify-self: start;
}

.wqr-brand-name,
.wqr-footer-brand-name {
    font-family: "Manrope", Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.055em;
}

/* Warke QR geometric symbol */

.wqr-brand-symbol {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(2, 12px);
    grid-template-rows: repeat(2, 12px);
    gap: 3px;
    width: 27px;
    height: 27px;
    flex-shrink: 0;
}

.wqr-brand-symbol span {
    display: block;
    background: #0665f5;
}

.wqr-brand-symbol span:first-child {
    grid-column: 1;
    grid-row: 1;
}

.wqr-brand-symbol span:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

.wqr-brand-symbol span:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

/* Desktop navigation */

.wqr-header-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    white-space: nowrap;
}

.wqr-header-nav a {
    color: #35383e;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s;
}

.wqr-header-nav a:hover,
.wqr-header-nav a[aria-current="page"] {
    color: #0665f5;
}

/* Account actions */

.wqr-header-actions {
    display: flex;
    justify-self: end;
    align-items: center;
    gap: 24px;
    white-space: nowrap;
}

.wqr-header-text-link {
    color: #282b31;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.wqr-header-text-link:hover {
    color: #0665f5;
}

.wqr-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    background: #0665f5;
    color: #fff !important;

    min-height: 43px;
    padding: 0 21px;
    border-radius: 10px;

    font-size: 13px;
    font-weight: 700;
    text-decoration: none;

    transition: background .2s ease;
}

.wqr-header-cta:hover {
    background: #0054db;
}

.wqr-header-cta span {
    font-size: 17px;
}

/* Mobile menu - hidden on desktop */

.wqr-mobile-menu {
    display: none;
}

/* FOOTER */

.wqr-global-footer {
    border-top: 1px solid #ededf0;
}

.wqr-footer-inner {
    max-width: 1460px;
    min-height: 105px;

    margin: 0 auto;
    padding: 28px clamp(24px, 5.5vw, 95px);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.wqr-footer-brand-group {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.wqr-footer-brand {
    gap: 9px;
}

.wqr-footer-brand-name {
    font-size: 13px;
}

.wqr-brand-symbol-small {
    transform: scale(.65);
    transform-origin: left center;
    margin-right: -8px;
}

.wqr-footer-description {
    color: #747b87;
    font-size: 11px;
    line-height: 1.7;
}

.wqr-footer-description a {
    color: inherit;
    text-decoration: none;
}

.wqr-footer-description a:hover {
    color: #0665f5;
}

.wqr-footer-links {
    display: flex;
    align-items: center;
    gap: 24px;
    white-space: nowrap;
}

.wqr-footer-links a {
    font-size: 11px;
    color: #5c6470;
    text-decoration: none;
    font-weight: 500;
}

.wqr-footer-links a:hover {
    color: #0665f5;
}

/* Footer bottom */

.wqr-footer-bottom {
    max-width: 1460px;
    margin: 0 auto;
    padding: 15px clamp(24px, 5.5vw, 95px) 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    border-top: 1px solid #f0f1f3;

    color: #9298a2;
    font-size: 10px;
    line-height: 1.6;
}

/* TABLET */

@media (max-width: 1100px) {
    .wqr-header-inner {
        grid-template-columns: 1fr auto;
    }

    .wqr-header-nav {
        display: none;
    }

    .wqr-footer-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }
}

/* MOBILE */

@media (max-width: 760px) {
    .wqr-header-inner {
        min-height: 68px;
        padding: 0 22px;
        grid-template-columns: 1fr auto;
        gap: 12px;
    }

    .wqr-brand-name {
        font-size: 17px;
    }

    .wqr-header-actions,
    .wqr-header-nav {
        display: none;
    }

    /* Native accessible expandable navigation */

    .wqr-mobile-menu {
        display: block;
        justify-self: end;
        position: relative;
    }

    .wqr-mobile-trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        cursor: pointer;
        list-style: none;
        border-radius: 8px;
    }

    .wqr-mobile-trigger::-webkit-details-marker {
        display: none;
    }

    .wqr-menu-lines {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 23px;
        height: 17px;
    }

    .wqr-menu-lines span {
        width: 100%;
        height: 2px;
        border-radius: 2px;
        background: #202124;
        transition: transform .2s, opacity .2s;
    }

    .wqr-mobile-menu[open] .wqr-menu-lines span:first-child {
        transform: translateY(7.5px) rotate(45deg);
    }

    .wqr-mobile-menu[open] .wqr-menu-lines span:nth-child(2) {
        opacity: 0;
    }

    .wqr-mobile-menu[open] .wqr-menu-lines span:last-child {
        transform: translateY(-7.5px) rotate(-45deg);
    }

    .wqr-mobile-panel {
        position: absolute;
        top: calc(100% + 10px);
        right: -10px;

        width: min(340px, calc(100vw - 36px));
        padding: 22px;

        display: flex;
        flex-direction: column;
        gap: 4px;

        background: #fff;
        border: 1px solid #e9ebf0;
        border-radius: 16px;
        box-shadow: 0 18px 55px rgba(20,30,50,.1);
    }

    .wqr-mobile-panel > a,
    .wqr-mobile-logout {
        display: flex;
        justify-content: space-between;
        align-items: center;

        min-height: 44px;
        padding: 11px 12px;

        color: #202124;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 8px;
    }

    .wqr-mobile-panel > a:hover,
    .wqr-mobile-logout:hover {
        background: #f5f8ff;
        color: #0665f5;
    }

    .wqr-mobile-section-label {
        padding: 12px 12px 7px;
        color: #9298a3;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .14em;
    }

    .wqr-mobile-divider {
        height: 1px;
        background: #ededf0;
        margin: 10px 0;
    }

    .wqr-mobile-panel .wqr-mobile-cta {
        background: #0665f5;
        color: #fff;
        margin-top: 8px;
        padding: 13px 16px;
    }

    .wqr-mobile-panel .wqr-mobile-cta:hover {
        background: #0054db;
        color: #fff;
    }

    .wqr-mobile-panel form {
        margin: 0;
    }

    .wqr-mobile-logout {
        width: 100%;
        background: transparent;
        border: 0;
        text-align: left;
        font-family: inherit;
        cursor: pointer;
    }

    /* Mobile footer */

    .wqr-footer-inner {
        padding: 30px 24px 23px;
    }

    .wqr-footer-brand-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .wqr-footer-links {
        gap: 20px;
        flex-wrap: wrap;
    }

    .wqr-footer-bottom {
        padding: 18px 24px 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

/* Keyboard Accessibility */

.wqr-global-header a:focus-visible,
.wqr-global-footer a:focus-visible,
.wqr-mobile-trigger:focus-visible,
.wqr-mobile-logout:focus-visible {
    outline: 3px solid #0665f5;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .wqr-global-header *,
    .wqr-global-footer * {
        transition: none !important;
    }
}