/* Talius Rollshutter Profile Selector — Scoped styles (trs- prefix) */
#talius-rs-app{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1a1a1a;background:#f0efed;min-height:100vh;line-height:1.5}
#talius-rs-app *{margin:0;padding:0;box-sizing:border-box}

/* Header */
.trs-hdr{background:#fff;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e0dc;position:sticky;top:0;z-index:100}
.trs-logo{height:22px;display:block}
.trs-hdr-r{display:flex;align-items:center;gap:1rem}
.trs-hdr-b{font-size:.72rem;color:#888;font-weight:500;letter-spacing:.03em}
.trs-bq{display:inline-flex;align-items:center;gap:.4rem;background:#1a1a1a;color:#fff;font-size:.7rem;font-weight:600;padding:.4rem .9rem;border-radius:50px;text-decoration:none;transition:all .2s;letter-spacing:.02em}
.trs-bq:hover{background:#E8491B;transform:translateY(-1px)}
.trs-bq svg{width:12px;height:12px}

/* Progress */
.trs-prg{background:#fff;padding:.6rem 2rem .8rem;border-bottom:1px solid #e2e0dc}
.trs-prg-i{max-width:700px;margin:0 auto}
.trs-prg-t{height:3px;background:#ebebeb;border-radius:3px;overflow:hidden}
.trs-prg-f{height:100%;background:#E8491B;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.trs-sls{display:flex;justify-content:space-between;margin-top:.45rem}
.trs-sl{font-size:.6rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:color .2s}
.trs-sl.trs-a{color:#E8491B}
.trs-sl.trs-done{color:#555}

/* Steps */
.trs-stp{display:none;animation:trsFadeUp .4s ease}
.trs-stp.trs-a{display:block}
@keyframes trsFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.trs-sb{max-width:700px;margin:0 auto;padding:2rem 1.5rem 5rem}
.trs-st{font-size:.65rem;font-weight:700;color:#E8491B;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
.trs-sh{font-size:1.65rem;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:.4rem}
.trs-ss{font-size:.88rem;color:#555;line-height:1.5;margin-bottom:1.5rem}

/* Option cards */
.trs-og{display:grid;gap:.6rem}
.trs-o2{grid-template-columns:1fr 1fr}
.trs-o3{grid-template-columns:1fr 1fr 1fr}
.trs-o4{grid-template-columns:1fr 1fr}
.trs-oc{background:#fff;border:2px solid #ebebeb;border-radius:14px;padding:1.1rem;cursor:pointer;transition:all .2s}
.trs-oc:hover{border-color:#ccc;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.trs-oc.trs-sel{border-color:#E8491B;background:rgba(232,73,27,.07);box-shadow:0 0 0 1px #E8491B}
.trs-oi{font-size:1.6rem;margin-bottom:.4rem}
.trs-on{font-weight:700;font-size:.88rem;color:#1a1a1a;margin-bottom:.2rem}
.trs-od{font-size:.72rem;color:#888;line-height:1.4}

/* Checkbox grid */
.trs-chk-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.trs-chk-item{background:#fff;border:2px solid #ebebeb;border-radius:10px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.65rem}
.trs-chk-item:hover{border-color:#ccc}
.trs-chk-item.trs-sel{border-color:#E8491B;background:rgba(232,73,27,.07)}
.trs-chk-box{width:18px;height:18px;border-radius:4px;border:2px solid #e2e0dc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.trs-chk-item.trs-sel .trs-chk-box{background:#E8491B;border-color:#E8491B}
.trs-chk-item.trs-sel .trs-chk-box svg{display:block}
.trs-chk-box svg{display:none;width:12px;height:12px;color:#fff}
.trs-chk-label{font-size:.8rem;font-weight:600;color:#1a1a1a}

/* Security cards */
.trs-sec-cards{display:flex;flex-direction:column;gap:.5rem}
.trs-sec-card{background:#fff;border:2px solid #ebebeb;border-radius:10px;padding:.9rem 1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem}
.trs-sec-card:hover{border-color:#ccc;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.trs-sec-card.trs-sel{border-color:#E8491B;background:rgba(232,73,27,.07);box-shadow:0 0 0 1px #E8491B}
.trs-sec-rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}
.trs-r1{background:#e8f5e9;color:#2e7d32}
.trs-r2{background:#fff3e0;color:#e65100}
.trs-r3{background:#fff3e0;color:#bf360c}
.trs-r4{background:#fce4ec;color:#c62828}
.trs-r5{background:#f3e5f5;color:#6a1b9a}
.trs-sec-name{font-weight:700;font-size:.88rem;color:#1a1a1a}
.trs-sec-desc{font-size:.72rem;color:#888;margin-top:.1rem}

/* Nav */
.trs-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e0dc;padding:.75rem 2rem;display:flex;justify-content:center;gap:.75rem;z-index:100}
.trs-nb{padding:.6rem 2rem;border-radius:50px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:'Inter',system-ui,sans-serif}
.trs-prev{background:#f0efed;color:#555;border:1px solid #e2e0dc}
.trs-prev:hover{background:#e5e4e2}
.trs-next{background:#E8491B;color:#fff}
.trs-next:hover{background:#d13e14;transform:translateY(-1px)}
.trs-nb:disabled{opacity:.35;cursor:not-allowed;transform:none!important}

/* Results */
.trs-res{max-width:800px;margin:0 auto;padding:2rem 1.5rem 5rem}
.trs-res-hdr{margin-bottom:2rem}
.trs-res-hdr h1{font-size:1.8rem;font-weight:800;color:#1a1a1a;margin-bottom:.3rem}
.trs-res-hdr p{font-size:.88rem;color:#555}

.trs-note{background:rgba(180,83,9,.07);color:#b45309;padding:.7rem 1rem;border-radius:10px;font-size:.78rem;font-weight:500;margin-bottom:.75rem;line-height:1.5;border-left:3px solid #b45309}

.trs-rec-card{background:#fff;border-radius:14px;border:2px solid #E8491B;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.trs-rec-banner{background:#E8491B;color:#fff;padding:.5rem 1.25rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.4rem}
.trs-rec-banner svg{width:14px;height:14px}
.trs-rec-body{padding:1.5rem}
.trs-rec-model{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin-bottom:.15rem}
.trs-rec-desc{font-size:.85rem;color:#555;margin-bottom:1rem}
.trs-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}
.trs-tag{font-size:.62rem;font-weight:600;padding:.25rem .6rem;border-radius:50px;letter-spacing:.02em}
.trs-tag-sec{background:rgba(180,83,9,.07);color:#b45309}
.trs-tag-vis{background:rgba(37,99,235,.07);color:#2563eb}
.trs-tag-con{background:rgba(26,138,92,.08);color:#1a8a5c}
.trs-tag-core{background:rgba(124,58,237,.07);color:#7c3aed}

.trs-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.trs-spec{background:#f0efed;border-radius:10px;padding:.85rem 1rem}
.trs-spec-label{font-size:.6rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}
.trs-spec-value{font-size:.85rem;font-weight:700;color:#1a1a1a}

/* Alternatives */
.trs-alt-title{font-size:.75rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:1.5rem 0 .75rem}
.trs-alt-card{background:#fff;border:1px solid #e2e0dc;border-radius:10px;padding:1rem 1.25rem;margin-bottom:.6rem;transition:all .2s}
.trs-alt-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.trs-alt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}
.trs-alt-model{font-weight:700;font-size:.88rem;color:#1a1a1a}
.trs-alt-sec{font-size:.6rem;font-weight:600;padding:.2rem .5rem;border-radius:50px;background:rgba(180,83,9,.07);color:#b45309}
.trs-alt-desc{font-size:.72rem;color:#888;margin-bottom:.5rem}
.trs-alt-specs{display:flex;flex-wrap:wrap;gap:.8rem}
.trs-alt-spec{font-size:.68rem;color:#555}
.trs-alt-spec strong{color:#1a1a1a}

/* CTA */
.trs-cta{background:#1a1a1a;border-radius:14px;padding:2rem;text-align:center;margin-top:2rem;color:#fff}
.trs-cta h3{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}
.trs-cta p{opacity:.6;font-size:.8rem;margin-bottom:1.25rem}
.trs-cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:#E8491B;color:#fff;padding:.65rem 2rem;border-radius:50px;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .2s}
.trs-cta-btn:hover{background:#d13e14;transform:translateY(-2px);box-shadow:0 4px 16px rgba(232,73,27,.3)}
.trs-cta-btn svg{width:16px;height:16px}

/* Loading */
.trs-loading{text-align:center;padding:3rem}
.trs-spinner{width:32px;height:32px;border:3px solid #ebebeb;border-top-color:#E8491B;border-radius:50%;animation:trsSpin .8s linear infinite;margin:0 auto 1rem}
@keyframes trsSpin{to{transform:rotate(360deg)}}

/* Disclaimer */
.trs-fn{color:#aaa;font-size:.62rem;line-height:1.6;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e0dc}

/* Responsive */
@media(max-width:600px){
  .trs-hdr{padding:0 1rem;height:52px}
  .trs-logo{height:18px}
  .trs-bq{padding:.35rem .7rem;font-size:.62rem}
  .trs-hdr-b{display:none}
  .trs-prg{padding:.5rem 1rem .6rem}
  .trs-sl{font-size:.52rem}
  .trs-sb,.trs-res{padding:1.5rem 1rem 5rem}
  .trs-sh{font-size:1.3rem}
  .trs-o2,.trs-o3,.trs-o4{grid-template-columns:1fr}
  .trs-chk-grid{grid-template-columns:1fr}
  .trs-spec-grid{grid-template-columns:1fr}
  .trs-rec-model{font-size:1.25rem}
}