.clica-row-hub-public { --row-ink:#182230; --row-muted:#657180; --row-line:#dfe5eb; --row-accent:#0f766e; --row-accent-dark:#115e59; color:var(--row-ink); max-width:1180px; margin:0 auto; padding:clamp(24px,4vw,64px) 20px; font-family:inherit; }
.clica-row-hub-public *, .clica-row-hub-public *::before, .clica-row-hub-public *::after { box-sizing:border-box; }
.clica-row-hub-public h1,.clica-row-hub-public h2,.clica-row-hub-public h3,.clica-row-hub-public p { margin-top:0; }
.clica-row-hub-public h1 { font-size:clamp(32px,5vw,58px); line-height:1.03; letter-spacing:-.04em; margin-bottom:15px; }
.clica-row-hub-public h2 { font-size:clamp(22px,3vw,31px); letter-spacing:-.025em; margin-bottom:15px; }
.clica-row-hub-public h3 { font-size:20px; margin-bottom:7px; }
.clica-row-hub-public p { color:var(--row-muted); line-height:1.6; }
.row-hub-kicker { display:inline-block; color:var(--row-accent); text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:700; margin-bottom:12px; }
.row-hub-hero { max-width:760px; margin-bottom:34px; }
.row-hub-flow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.row-hub-flow-card { display:flex; flex-direction:column; min-height:220px; padding:21px; color:var(--row-ink); background:#f5f8f8; border:1px solid var(--row-line); border-radius:13px; text-decoration:none !important; transition:transform .15s ease,box-shadow .15s ease; }
.row-hub-flow-card:hover { color:var(--row-ink); transform:translateY(-2px); box-shadow:0 8px 24px rgba(24,34,48,.08); }
.row-hub-flow-number { color:var(--row-accent); font-size:13px; font-weight:800; }
.row-hub-flow-card h2 { margin-top:34px; font-size:22px; }
.row-hub-flow-card p { font-size:14px; flex:1; }
.row-hub-flow-card strong,.row-hub-link,.row-hub-back { color:var(--row-accent-dark); font-weight:700; text-decoration:none !important; }
.row-hub-free-quote { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px; margin-top:22px; border-radius:13px; background:var(--row-ink); color:#fff; }
.row-hub-free-quote p { color:#c8d1db; margin-bottom:0; }
.row-hub-free-quote h2 { margin-bottom:8px; }
.row-hub-free-quote .row-hub-kicker { color:#79d4c8; }
.row-hub-button { display:inline-block; min-height:44px; padding:11px 17px; border:0; border-radius:8px; background:var(--row-accent); color:#fff !important; font:inherit; font-weight:700; text-decoration:none !important; cursor:pointer; }
.row-hub-button:hover { background:var(--row-accent-dark); color:#fff !important; }
.row-hub-back { display:inline-block; margin-bottom:25px; }
.row-hub-flow-head { margin-bottom:25px; }
.row-hub-flow-panel,.row-hub-request,.row-hub-request-gate,.row-hub-table-section { padding:22px; border:1px solid var(--row-line); border-radius:13px; background:#fff; margin:18px 0; }
.row-hub-flow-panel > h2 { margin-bottom:7px; }
.row-hub-brand-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(211px,100%),1fr)); gap:16px; margin-top:18px; }
.row-hub-brand-card { display:flex; align-items:center; flex-direction:column; gap:8px; min-height:292px; padding:10px; border:1px solid var(--row-line); border-radius:12px; color:var(--row-ink); text-align:center; text-decoration:none !important; background:#fbfcfc; }
.row-hub-brand-card img { display:block; width:211px; height:211px; max-width:100%; object-fit:cover; border-radius:10px; background:#eef3f4; }
.row-hub-brand-card strong { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.row-hub-brand-card:hover,.row-hub-brand-card.is-active { border-color:var(--row-accent); background:#effaf8; color:var(--row-ink); }
.row-hub-brand-card small,.row-hub-choice small { color:var(--row-muted); font-size:12px; }
.row-hub-brand-search-panel { max-width:900px; }
.row-hub-brand-search { margin-top:20px; }
.row-hub-brand-query-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; }
.row-hub-brand-query-field,.row-hub-brand-select-field { display:flex; flex-direction:column; gap:6px; color:var(--row-muted); font-size:12px; font-weight:700; }
.row-hub-brand-query-field input,.row-hub-brand-select-field select { width:100%; min-height:44px; padding:10px 11px; border:1px solid #c9d2da; border-radius:8px; background:#fff; color:var(--row-ink); font:inherit; font-weight:400; }
.row-hub-brand-select-field { margin-top:15px; }
.row-hub-selected-brand { display:flex; align-items:center; gap:12px; max-width:340px; margin-top:16px; padding:9px; border:1px solid var(--row-line); border-radius:10px; background:#f5f8f8; }
.row-hub-selected-brand img { width:72px; height:72px; border-radius:8px; object-fit:cover; }
.row-hub-selected-brand small,.row-hub-selected-brand strong { display:block; }
.row-hub-selected-brand small { color:var(--row-muted); font-size:11px; }
.row-hub-selected-brand strong { margin-top:4px; }
.row-hub-search-form { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:12px; align-items:end; margin-top:20px; }
.row-hub-search-form label,.row-hub-measure-form label,.row-hub-form-grid label,.row-hub-full-field { display:flex; flex-direction:column; gap:6px; color:var(--row-muted); font-size:12px; font-weight:700; }
.row-hub-search-form input,.row-hub-search-form select,.row-hub-measure-form input,.row-hub-form-grid input,.row-hub-form-grid select,.row-hub-full-field input,.row-hub-full-field textarea,.row-hub-full-field select { width:100%; min-height:44px; padding:10px 11px; border:1px solid #c9d2da; border-radius:8px; background:#fff; color:var(--row-ink); font:inherit; font-weight:400; }
.row-hub-measure-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:13px; align-items:end; margin-top:20px; }
.row-hub-phrase-form { margin-bottom:20px; }
.row-hub-step { margin-top:25px; padding-top:22px; border-top:1px solid var(--row-line); }
.row-hub-choice-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.row-hub-choice { display:flex; flex-direction:column; gap:5px; padding:13px; border:1px solid var(--row-line); border-radius:8px; color:var(--row-ink); text-decoration:none !important; }
.row-hub-choice:hover,.row-hub-choice.is-active { border-color:var(--row-accent); background:#effaf8; color:var(--row-ink); }
.row-hub-choice span { color:var(--row-muted); font-size:12px; line-height:1.4; }
.row-hub-results { margin-top:25px; }
.row-hub-results-head { display:flex; justify-content:space-between; align-items:baseline; gap:15px; border-bottom:1px solid var(--row-line); }
.row-hub-results-head span { color:var(--row-muted); font-size:13px; }
.row-hub-result { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 0; border-bottom:1px solid var(--row-line); }
.row-hub-code { display:inline-block; color:var(--row-accent); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; font-weight:700; }
.row-hub-result p { margin:0; font-size:13px; }
.row-hub-result-help { margin:14px 0 8px; font-size:14px; }
.row-hub-option-selection { margin-top:10px; }
.row-hub-option-row { display:flex; align-items:center; gap:13px; width:100%; padding:13px 10px; border-bottom:1px solid var(--row-line); cursor:pointer; }
.row-hub-option-row:hover { background:#f5f8f8; }
.row-hub-option-row input { flex:0 0 auto; width:18px; height:18px; accent-color:var(--row-accent); }
.row-hub-option-text { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; min-width:0; font-size:15px; }
.row-hub-option-text strong { color:var(--row-accent-dark); text-transform:capitalize; }
.row-hub-option-text code { padding:3px 6px; border-radius:5px; background:#f1f4f5; color:var(--row-ink); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.row-hub-option-text b { font-weight:700; }
.row-hub-option-text small { flex-basis:100%; color:var(--row-muted); font-size:11px; }
.row-hub-option-submit { margin-top:18px; }
.row-hub-empty,.row-hub-alert,.row-hub-success { padding:16px; margin:17px 0; border-radius:9px; background:#f5f8f8; }
.row-hub-alert { color:#9b2c2c; background:#fff5f5; }
.row-hub-success { color:#17613b; background:#effaf3; }
.row-hub-basic-card { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; margin:20px 0 25px; border:1px solid var(--row-line); border-radius:12px; background:var(--row-line); }
.row-hub-basic-card > div { padding:21px; background:#fff; }
.row-hub-basic-card span,.row-hub-basic-card small { display:block; color:var(--row-muted); font-size:12px; }
.row-hub-basic-card strong { display:block; margin:7px 0; font-size:22px; letter-spacing:-.02em; }
.row-hub-locked { padding:22px; margin:18px 0; border-radius:12px; background:var(--row-ink); color:#fff; }
.row-hub-locked p { color:#c8d1db; }
.row-hub-locked a { color:#fff; font-weight:700; }
.row-hub-table-wrap { overflow-x:auto; border:1px solid var(--row-line); border-radius:9px; }
.clica-row-hub-public table { width:100%; border-collapse:collapse; font-size:13px; }
.clica-row-hub-public th,.clica-row-hub-public td { padding:11px 12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--row-line); }
.clica-row-hub-public th { background:#f5f8f8; color:var(--row-muted); font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.clica-row-hub-public tr:last-child td { border-bottom:0; }
.row-hub-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.row-hub-full-field { margin:14px 0; }
.row-hub-request-gate { background:#f5f8f8; }
@media (max-width:900px) { .row-hub-flow-grid { grid-template-columns:repeat(2,1fr); } .row-hub-measure-form { grid-template-columns:repeat(3,1fr); } .row-hub-measure-form .row-hub-button { grid-column:1/-1; } }
@media (max-width:640px) { .row-hub-flow-grid,.row-hub-choice-list,.row-hub-form-grid { grid-template-columns:1fr; } .row-hub-search-form,.row-hub-brand-query-row,.row-hub-measure-form { grid-template-columns:1fr; } .row-hub-free-quote,.row-hub-result { display:block; } .row-hub-free-quote .row-hub-button,.row-hub-result .row-hub-link { margin-top:15px; } .row-hub-basic-card { grid-template-columns:1fr; } }