/* U Utility Studio — expansion layer */
.tool-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;margin-top:12px;grid-column:1/-1}
.filter-chip{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);border-radius:999px;padding:8px 13px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:.18s ease;backdrop-filter:blur(10px)}
.filter-chip:hover,.filter-chip.active{border-color:var(--ink);color:var(--ink);transform:translateY(-1px)}
.filter-chip.active{background:var(--ink);color:var(--bg)}
.enhanced-card{animation:toolReveal .36s both;position:relative;overflow:hidden}
.enhanced-card::after{content:"+";position:absolute;inset-inline-end:12px;inset-block-end:9px;font-size:2.8rem;line-height:1;color:color-mix(in srgb,var(--ink) 5%,transparent);font-weight:900;pointer-events:none}
@keyframes toolReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.enhanced-tool .tool-result pre,.enhanced-tool pre.tool-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}
.enhanced-tool .tool-hint{font-size:.8rem;color:var(--muted);line-height:1.65;margin:.5rem 0 0}
.tool-actions.wrap{flex-wrap:wrap}.install-app-btn{white-space:nowrap}

/* Hero geometry — Arabic needs more line-height and must not squeeze the orbit. */
.hero{grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(30px,4.5vw,64px);min-height:640px;padding-block:58px 46px}
.hero-copy,.hero-orbit{min-width:0}
.hero-copy{max-width:680px}
.hero-orbit{width:min(100%,470px);min-width:390px;justify-self:center}
.hero h1{font-size:clamp(46px,5.35vw,74px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
html[dir="rtl"] .hero h1{font-size:clamp(44px,4.95vw,70px);line-height:1.22;letter-spacing:0;font-weight:850}
html[dir="rtl"] .hero p{line-height:1.95}
.orbit-core{inset:34%;overflow:hidden}.orbit-core span{font-size:clamp(42px,4vw,64px)}
.orbit-node{width:96px;height:96px;border-radius:25px}.orbit-node span{font-size:24px}
.node-tools{top:2%;right:31%}.node-invoice{top:39%;right:0}.node-compare{bottom:2%;right:34%}.node-qr{top:42%;left:0}

/* Workspaces — prevent field/table collisions at laptop widths. */
.workspace{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
.editor-panel,.preview-panel{min-width:0}
.item-row{grid-template-columns:minmax(160px,1fr) 78px 112px 112px 38px}
.supplier-row{grid-template-columns:minmax(140px,1.25fr) repeat(5,minmax(72px,.68fr)) 38px minmax(86px,.72fr)}
.supplier-row>*{min-width:0}
.compare-table-wrap,.document-preview{max-width:100%}

@media (min-width:1180px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{min-height:168px}}
@media (max-width:1650px){
  .compare-workspace .supplier-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .compare-workspace .supplier-row .remove-btn{align-self:end;justify-self:start}
}
@media (max-width:1120px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:30px}.hero-orbit{min-width:340px;width:min(100%,420px)}
  html[dir="rtl"] .hero h1{font-size:clamp(42px,5vw,60px)}
  .workspace{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.supplier-row{grid-template-columns:repeat(4,minmax(0,1fr))}.supplier-row .remove-btn{align-self:end}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-copy{max-width:760px}.hero-orbit{order:2;min-width:0;width:min(92vw,430px);margin-top:10px}
  html[dir="rtl"] .hero h1,.hero h1{font-size:clamp(40px,8.5vw,58px)}
  .section-head{align-items:stretch;flex-direction:column}.search-wrap{min-width:0;width:100%}.tool-filters{justify-content:flex-start}
}
@media (max-width:760px){
  .tool-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tool-filters::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.install-app-btn{display:none}
  .hero{padding-block:30px}.hero p{font-size:16px}.mini-stats{gap:16px;justify-content:space-between}.hero-orbit{width:min(88vw,380px)}.orbit-node{width:82px;height:82px;border-radius:22px}.orbit-node span{font-size:21px}.orbit-core small{display:none}
  .item-row{grid-template-columns:minmax(0,1fr) 65px 86px 38px}.item-row .item-total{grid-column:1/-2;text-align:start;padding-inline:4px}
  .supplier-row,.compare-workspace .supplier-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.supplier-row .remove-btn,.compare-workspace .supplier-row .remove-btn{grid-column:2;justify-self:end}
  .form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}
}
@media (max-width:520px){
  .hero h1,html[dir="rtl"] .hero h1{font-size:clamp(36px,11.5vw,50px)}.hero-orbit{width:min(94vw,350px)}.orbit-node{width:72px;height:72px;border-radius:20px}.orbit-node b{font-size:10px}.orbit-node span{font-size:19px}
  .node-invoice{right:1%}.node-qr{left:1%}.topbar{gap:8px;padding-inline:10px}.brand-copy small,.nav-pills{display:none}
}
@media (prefers-reduced-motion:reduce){.enhanced-card{animation:none}.filter-chip{transition:none}.orbit-core{animation:none}}