/* Palnau HQ: marketing and a readable, responsive example workspace. */
.hq-mark{font-weight:800;letter-spacing:-.05em}.hq-mark b{color:#5790ff;letter-spacing:-.06em}.hq-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#71a1ff}.hq-hero{padding:90px 0 74px}.hq-hero h1{max-width:950px;font-size:clamp(42px,6.4vw,88px);line-height:1.04;letter-spacing:-.055em;margin:24px 0}.hq-hero h1 span{color:#6b9cff}.hq-intro{font-size:clamp(18px,2vw,22px);line-height:1.65;max-width:720px;color:#bac5d5}.hq-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 20px}.hq-caption{font-size:13px;color:#9aa9bd;line-height:1.65}.hq-feature{border-top:1px solid #263140;padding:80px 0}.hq-feature h2{font-size:clamp(32px,4.5vw,58px);line-height:1.1;letter-spacing:-.045em;max-width:800px;margin:18px 0 24px}.hq-feature p{line-height:1.7}.hq-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.hq-light{background:#f3f5f9;color:#152133}.hq-light .hq-eyebrow{color:#245bce}.hq-light .hq-intro{color:#4c5c70}.hq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.hq-card{background:#fff;color:#182438;border:1px solid #dce2ed;border-radius:16px;padding:26px}.hq-card .hq-number{font-size:12px;font-weight:800;color:#315caa}.hq-card h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:18px 0 12px}.hq-card p{color:#526175;font-size:15px;margin:0}.hq-card a{color:#1f54bb}.hq-list{padding:0;list-style:none}.hq-list li{padding:20px 0;border-bottom:1px solid #d4dce8;line-height:1.6}.hq-list strong{display:block}.hq-feature .hq-dark-list li{border-color:#283344}.hq-table-wrap{overflow:auto;border:1px solid #d3dbe7;border-radius:14px;margin:28px 0}.hq-table{width:100%;border-collapse:collapse;background:white;color:#162337;text-align:left;min-width:620px}.hq-table th,.hq-table td{padding:20px;border-bottom:1px solid #dde3ed;vertical-align:top;font-size:15px;line-height:1.6}.hq-table th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;background:#eaf0f9}.hq-table tr:last-child td{border:0}.hq-preview{background:#f7f9fc;color:#1b2738;border:1px solid #435069;border-radius:18px;box-shadow:0 30px 100px #0004;overflow:hidden;margin-top:44px}.hq-preview-top{padding:20px 26px;border-bottom:1px solid #dae2ee;display:flex;justify-content:space-between;align-items:center;background:#fff;gap:12px}.hq-preview-top .hq-mark{font-size:24px}.hq-preview-top small{color:#59677b}.hq-preview-body{display:grid;grid-template-columns:170px 1fr;min-height:300px}.hq-preview-nav{background:#edf1f7;padding:24px 16px;display:flex;gap:10px;flex-direction:column;font-size:13px;color:#526075}.hq-preview-nav span{padding:10px 12px;border-radius:7px}.hq-preview-nav .active{background:#fff;color:#245bce;font-weight:800}.hq-preview-work{padding:28px}.hq-preview-work h3{font-size:25px;margin:0 0 6px}.hq-preview-work p{color:#526175;font-size:14px;margin:0 0 22px}.hq-preview-row{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #dee4ed;gap:20px;font-size:14px}.hq-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;white-space:nowrap;border-radius:5px;padding:5px 8px;background:#edf1f7;color:#47566c}.hq-badge.approval{background:#fff0d5;color:#785200}.hq-badge.complete{background:#e0f4e8;color:#24663e}.hq-badge.info{background:#e4ecff;color:#224ba5}.hq-badge.failed{background:#fee6e6;color:#9a3030}.hq-preview-bottom{padding:15px 26px;background:#fff;border-top:1px solid #dde3ed;font-size:12px;color:#58667c}.hq-mini{margin:0}.hq-mini .hq-preview-body{grid-template-columns:125px 1fr}.hq-home-section{background:#0d1420}.hq-home-section .hq-columns{align-items:center}.hq-home-section h2{font-size:clamp(36px,4.3vw,58px)}.hq-home-section .hq-preview{margin:0}.hq-home-section .hq-preview-work{padding:22px}.hq-home-section .hq-preview-nav{padding:18px 10px}.hq-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.hq-links a{color:#6ea0ff;text-decoration:underline;text-underline-offset:5px}.hq-light .hq-links a{color:#245bc5}.hq-chooser{background:#fff;color:#1b2738;padding:30px;border:1px solid #dae1ec;border-radius:16px}.hq-chooser label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}.hq-chooser select,.hq-chooser input{display:block;width:100%;border:1px solid #bfcadd;background:#fff;color:#152133;padding:12px;border-radius:6px;font:inherit}.hq-choice-result{background:#eef4ff;padding:22px;border-left:3px solid #2563eb;margin-top:22px}.hq-choice-result h3{margin:0 0 12px}.hq-choice-result p{font-size:14px}.hq-article{max-width:850px;margin:auto;padding:60px 24px}.hq-article h2{font-size:32px;margin:45px 0 18px}.hq-article h3{font-size:22px;margin:28px 0 12px}.hq-article p,.hq-article li{font-size:17px;line-height:1.8;color:#bdc8d8}.hq-article li{margin:12px 0}.hq-article a{color:#78a7ff;text-decoration:underline;text-underline-offset:4px}.hq-source-list{font-size:14px!important}.hq-source-list a{overflow-wrap:anywhere}.frontier-controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.frontier-controls input,.frontier-controls select{background:white;border:1px solid #b7c4d7;border-radius:8px;padding:13px;color:#152133;font:inherit}.frontier-controls input{flex:1;min-width:200px}.frontier-card[hidden]{display:none}.frontier-card .hq-badge{white-space:normal;margin-top:20px}.frontier-card h3{margin-top:10px}.frontier-card .cap-use{margin-top:14px;color:#172844}.frontier-card a{font-size:13px;display:inline-block;margin-top:18px}.hq-stack-note{padding:24px 30px;background:#e8effa;border-radius:12px;margin-top:30px;color:#2b4365}.hq-road{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}.hq-road article{border-top:2px solid #416ebc;padding-top:20px}.hq-road h3{font-size:21px}.hq-road p{font-size:15px;color:#aebdd1}.hq-nav-link{font-weight:700}.site-header .nav{gap:18px}.site-header #main-nav{gap:18px}
.hq-marketing .button.primary,.hq-home-section .button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.hq-flow{padding:24px;background:#f5f8fe;border:1px solid #c9d7ed;border-radius:16px;margin-bottom:50px;color:#52647d}.hq-flow svg{display:block;width:100%;height:auto}.hq-flow p{font-size:13px;line-height:1.7}.hq-app .ui-icon{vertical-align:middle;flex-shrink:0}.hq-marketing .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Workspace has its own scoped tokens; it does not inherit marketing layout. */
body.hq-app{margin:0;background:#f4f6fa;color:#172337;font:14px/1.5 Manrope,Arial,sans-serif;--hq-accent:#2563eb} .hq-app *{box-sizing:border-box}.hq-app button,.hq-app input,.hq-app select,.hq-app textarea{font:inherit}.hq-app button,.hq-app a{-webkit-tap-highlight-color:transparent}.hq-app a{color:#245bca}.hq-app :focus-visible{outline:3px solid #759bfa;outline-offset:3px}.hq-app [hidden]{display:none!important}.hq-app .app-banner{background:#172337;color:#e0e7f1;text-align:center;padding:10px 20px;font-size:12px}.hq-app .app-banner a{color:#9dc0ff;margin-left:10px;white-space:nowrap}.hq-app .app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 38px)}.hq-app .app-side{background:#fff;border-right:1px solid #dfe5ed;padding:28px 18px;display:flex;flex-direction:column;gap:30px}.hq-app .app-logo{font-size:24px;color:#172337;text-decoration:none;letter-spacing:-.06em;padding:0 12px}.hq-app .app-logo b{color:var(--hq-accent)}.hq-app .app-side nav{display:grid;gap:6px}.hq-app .app-side nav a{text-decoration:none;color:#627086;display:flex;gap:12px;align-items:center;border-radius:8px;padding:12px;font-weight:600}.hq-app .app-side nav a[aria-current=page]{background:#eaf0fb;color:#1e4eae}.hq-app .app-side nav svg{width:18px;height:18px;flex-shrink:0}.hq-app .side-foot{margin-top:auto;padding:10px 12px;color:#68778b;font-size:12px;line-height:1.7}.hq-app .side-foot a{display:block;margin-top:10px}.hq-app .app-main{min-width:0}.hq-app .app-top{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe5ed;gap:15px}.hq-app .app-top small{color:#637287}.hq-app .app-top a{text-decoration:none;font-size:13px;font-weight:700}.hq-app .app-content{padding:38px;max-width:1500px;margin:auto}.hq-app .app-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.hq-app h1{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:0 0 12px}.hq-app .muted{color:#647387}.hq-app .app-heading p{margin:0;color:#647387;max-width:600px}.hq-app .btn{border:1px solid #ccd5e4;border-radius:7px;background:#fff;color:#26374f;font-size:13px;font-weight:700;min-height:41px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hq-app .btn.primary{background:var(--hq-accent);color:white;border-color:transparent}.hq-app .btn:disabled{opacity:.5;cursor:wait}.hq-app .btn.danger{color:#ab3434}.hq-app .app-actions{display:flex;gap:10px;flex-wrap:wrap}.hq-app .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.hq-app .stat{background:white;border:1px solid #dfe5ee;border-radius:12px;padding:21px}.hq-app .stat span{font-size:12px;color:#647387}.hq-app .stat strong{display:block;font-size:31px;letter-spacing:-.04em;margin:6px 0}.hq-app .stat small{font-size:11px;color:#647387}.hq-app .panel{background:#fff;border:1px solid #dde4ed;border-radius:12px;overflow:hidden;margin-bottom:22px}.hq-app .panel-head{padding:22px;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;justify-content:space-between;gap:16px}.hq-app .panel h2{font-size:18px;margin:0;letter-spacing:-.025em}.hq-app .panel-body{padding:24px}.hq-app .panel-body>p:first-child{margin-top:0}.hq-app .work-table{width:100%;border-collapse:collapse;text-align:left}.hq-app .work-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#718096;padding:13px 22px;background:#fafbfe}.hq-app .work-table td{padding:20px 22px;border-top:1px solid #e5eaf1;vertical-align:middle}.hq-app .work-title{border:0;background:none;padding:0;color:#1d3e75;text-align:left;font-weight:700;cursor:pointer;font-size:14px}.hq-app .work-table td small{display:block;color:#6c7a8e;font-size:12px;margin-top:4px}.hq-app .table-scroll{overflow:auto}.hq-app .work-table{min-width:620px}.hq-app .app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hq-app .app-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hq-app .app-grid .panel{margin:0}.hq-app .app-label{display:block;font-size:12px;font-weight:800;letter-spacing:.03em;margin:20px 0 8px}.hq-app .field{display:block;width:100%;border:1px solid #becbde;border-radius:7px;padding:11px 12px;background:#fff;color:#172337;min-height:44px}.hq-app textarea.field{resize:vertical;line-height:1.7}.hq-app .field-note{font-size:12px;color:#627187;line-height:1.7;margin-top:10px}.hq-app .tag{display:inline-flex;padding:5px 8px;background:#f0f3f8;border-radius:5px;font-size:11px;font-weight:700;color:#5c6a7f}.hq-app .step-list{list-style:none;padding:0;margin:0}.hq-app .step-list li{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #e2e8f1}.hq-app .step-list li:last-child{border:0}.hq-app .step-list i{background:#eaf1ff;width:26px;height:26px;flex-shrink:0;border-radius:50%;font-size:11px;font-style:normal;display:grid;place-items:center;color:#245bca}.hq-app .step-list strong{display:block}.hq-app .step-list small{color:#66768b;font-size:12px;display:block;margin-top:4px}.hq-app .source-text{white-space:pre-wrap;line-height:1.8;color:#3d4e66;font-size:14px}.hq-app .notice{padding:16px 20px;border-radius:8px;background:#eaf1fc;border:1px solid #d0def4;color:#355681;font-size:13px;margin:18px 0}.hq-app .notice.warn{background:#fff6e5;border-color:#efdfbc;color:#77521b}.hq-app .empty{padding:45px;text-align:center;color:#65768d}.hq-app .empty strong{display:block;color:#293e5e;font-size:20px;margin-bottom:10px}.hq-app .mini-bars{display:grid;gap:16px;margin:20px 0}.hq-app .bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.hq-app .bar-track{height:7px;background:#eef1f6;border-radius:8px;overflow:hidden}.hq-app .bar-track span{display:block;height:100%;background:var(--hq-accent);border-radius:8px}.hq-app .draft{white-space:pre-wrap;font:14px/1.8 Manrope,Arial,sans-serif;color:#35455d;margin:0}.hq-app .history{list-style:none;padding:0;font-size:12px;color:#52647e}.hq-app .history li{padding:12px 0;border-bottom:1px solid #e1e7f0}.hq-app .history time{display:block;font-size:10px;color:#7c899d}.hq-app dialog{border:1px solid #d3ddeb;border-radius:16px;width:min(720px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:0;color:#172337;box-shadow:0 30px 100px #142d5740}.hq-app dialog::backdrop{background:#101d34a6;backdrop-filter:blur(3px)}.hq-app .dialog-head{padding:24px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dfe6ef}.hq-app .dialog-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.hq-app .dialog-body{padding:24px}.hq-app .close{background:#edf1f7;border:0;border-radius:6px;font-size:22px;line-height:1;width:32px;height:32px;cursor:pointer;flex-shrink:0}.hq-app .form-row{display:grid;grid-template-columns:1fr 140px;gap:16px}.hq-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hq-app .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;z-index:99;background:#182940;color:#fff;padding:14px 20px;border-radius:9px;font-size:13px;box-shadow:0 5px 30px #0002}.hq-app .source-meta{font-size:11px;color:#738198;margin:14px 0}.hq-app .accent-rule{height:5px;background:var(--hq-accent)}.hq-app .connector{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #e1e7f0}.hq-app .connector p{margin:6px 0 0;font-size:12px;color:#66778d}.hq-app .radio-options{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.hq-app .radio-options label{display:flex;align-items:center;gap:7px}.hq-app .switch-note{font-size:12px;color:#65768a}.hq-app .brand-sample{padding:28px;border:1px solid #dce3ef;border-radius:10px;margin-top:20px}.hq-app .brand-sample strong{font-size:28px;letter-spacing:-.05em}.hq-app .result-number{font-size:34px;font-weight:800;letter-spacing:-.04em;margin:14px 0}.hq-app .view-link{text-decoration:none;font-size:12px}.hq-app .catalog-list{font-size:13px;padding-left:20px;color:#52647d;line-height:1.9}
@media(min-width:901px){.hq-app .app-side{position:sticky;top:0;height:100vh}.hq-app .app-shell{align-items:start}}
@media(max-width:1100px){.hq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-columns{gap:30px}.hq-app .app-shell{grid-template-columns:190px minmax(0,1fr)}.hq-app .app-content{padding:26px}.hq-app .app-grid.three{grid-template-columns:1fr}.hq-app .stats{gap:10px}.hq-app .stat{padding:16px}.site-header #main-nav{gap:12px;font-size:12px}}
@media(max-width:900px){.hq-columns{grid-template-columns:1fr}.hq-home-section .hq-preview{margin-top:20px}.hq-road{grid-template-columns:1fr 1fr}.hq-app .app-shell{display:block}.hq-app .app-side{padding:16px 20px;gap:16px;border-right:0;border-bottom:1px solid #dce3ed}.hq-app .app-side nav{display:flex;overflow:auto;gap:4px}.hq-app .app-side nav a{white-space:nowrap;padding:9px 12px;font-size:12px}.hq-app .side-foot{display:none}.hq-app .app-logo{padding:0}.hq-app .app-top{height:60px;padding:0 24px}.hq-app .app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hq-hero{padding:52px 0 44px}.hq-feature{padding:52px 0}.hq-grid{grid-template-columns:1fr}.hq-card{padding:24px}.hq-preview-body,.hq-mini .hq-preview-body{grid-template-columns:1fr}.hq-preview-nav{display:none}.hq-preview-work{padding:20px}.hq-preview-row{align-items:flex-start;gap:12px;flex-direction:column;padding:16px 0}.hq-preview-top{padding:18px;align-items:flex-start}.hq-preview-top small{font-size:10px;text-align:right;max-width:120px}.hq-road{grid-template-columns:1fr}.hq-chooser{padding:22px}.hq-article{padding:35px 22px}.hq-article h2{font-size:28px}.hq-app .app-content{padding:24px 16px}.hq-app .app-heading{flex-direction:column}.hq-app h1{font-size:29px}.hq-app .stats{grid-template-columns:1fr 1fr}.hq-app .app-grid{grid-template-columns:1fr}.hq-app .app-grid.three{grid-template-columns:1fr}.hq-app .app-top{padding:0 16px;gap:14px}.hq-app .app-top small{font-size:10px;max-width:180px}.hq-app .panel-head,.hq-app .panel-body{padding:18px}.hq-app .app-banner{font-size:10px}.hq-app .form-row{grid-template-columns:1fr 100px}.hq-app .dialog-body,.hq-app .dialog-head{padding:20px}.hq-app .panel-head{flex-wrap:wrap}.hq-app .panel-head .field{width:100%}.hq-actions .button{width:100%;justify-content:center}}
@media(max-width:600px){.hq-app .queue-table{min-width:0}.hq-app .queue-table thead{display:none}.hq-app .queue-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e1e7ef;padding:16px 18px;gap:8px}.hq-app .queue-table td{display:block;padding:0;border:0}.hq-app .queue-table td:first-child{grid-column:1/-1;padding-bottom:8px}.hq-app .queue-table td:nth-child(2){font-size:12px;color:#5f7087}.hq-app .queue-table td:nth-child(3){text-align:right}.hq-app .queue-table td:last-child{grid-column:1/-1}.hq-app .queue-table td:last-child small{font-size:10px}.hq-flow{padding:12px;overflow:auto}.hq-flow svg{min-width:590px}}
@media(prefers-reduced-motion:reduce){.hq-app *, .hq-preview *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}