/* Lopburi Hosting 0.6 — native product-fit assessment */
.lbh-assessment-section{position:relative;overflow:hidden;background:#0f1720;color:#fff}
.lbh-assessment-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(214,21,35,.17),transparent 31%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.025) 48%,rgba(255,255,255,.025) 49%,transparent 49%)}
.lbh-assessment-shell{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:clamp(36px,6vw,88px);align-items:start}
.lbh-assessment-intro{position:sticky;top:120px;padding-top:18px}
.lbh-assessment-intro .lbh-eyebrow{color:#ff6d78}
.lbh-assessment-intro h2{max-width:620px;margin:.65rem 0 1rem;color:#fff;font-size:clamp(2rem,3.5vw,4rem);line-height:1.08;letter-spacing:-.04em}
.lbh-assessment-intro>p:not(.lbh-eyebrow){max-width:570px;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.85}
.lbh-assessment-intro__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lbh-assessment-intro__meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.58);font-size:.72rem;font-weight:700;letter-spacing:.08em}
.lbh-assessment-card{position:relative;min-height:520px;padding:clamp(24px,4vw,48px);border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(255,255,255,.97);color:#18202a;box-shadow:0 30px 80px rgba(0,0,0,.24)}
.lbh-assessment-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:34px}
.lbh-assessment-progress span{position:relative;height:4px;border-radius:99px;background:#e8ebef}
.lbh-assessment-progress span:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#d61523;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.lbh-assessment-progress span.is-active:after,.lbh-assessment-progress span.is-complete:after{transform:scaleX(1)}
.lbh-assessment-progress i{position:absolute;top:11px;left:0;display:none}
.lbh-assessment-step__count{margin:0 0 8px;color:#8a929c;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lbh-assessment-step h3,.lbh-assessment-result h3{margin:0 0 24px;color:#151b22;font-size:clamp(1.6rem,2.5vw,2.45rem);line-height:1.22;letter-spacing:-.025em}
.lbh-assessment-options{display:grid;gap:12px}
.lbh-assessment-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid #e0e4e8;border-radius:16px;background:#fff;color:#18202a;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}
.lbh-assessment-option:hover{transform:translateY(-2px);border-color:#cbd0d7;box-shadow:0 12px 30px rgba(15,23,32,.08)}
.lbh-assessment-option.is-selected{border-color:#d61523;background:#fff7f7;box-shadow:0 0 0 3px rgba(214,21,35,.08)}
.lbh-assessment-option strong{display:block;font-size:1rem;line-height:1.45}
.lbh-assessment-option small{display:block;margin-top:4px;color:#737b84;line-height:1.55}
.lbh-assessment-option>.lbh-icon{flex:0 0 21px;color:#d61523}
.lbh-assessment-back,.lbh-assessment-restart{margin-top:20px;padding:4px 0;border:0;background:none;color:#68717a;font:inherit;font-weight:700;cursor:pointer}
.lbh-assessment-back:hover,.lbh-assessment-restart:hover{color:#d61523}
.lbh-assessment-result>.lbh-eyebrow{margin:3px 0 7px;color:#d61523}
.lbh-assessment-result>p[data-result-desc]{margin:0 0 20px;color:#5f6872;line-height:1.75}
.lbh-assessment-result ul{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none}
.lbh-assessment-result li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #edf0f2}
.lbh-assessment-result li .lbh-icon{flex:0 0 20px;margin-top:2px;color:#d61523}
.lbh-assessment-result__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.lbh-assessment-result__actions .lbh-assessment-restart{margin:0}
.lbh-assessment-result>small{display:block;margin-top:20px;color:#8a929c;line-height:1.55}
@media(max-width:980px){.lbh-assessment-shell{grid-template-columns:1fr}.lbh-assessment-intro{position:relative;top:auto}.lbh-assessment-card{min-height:0}}
@media(max-width:640px){.lbh-assessment-card{padding:22px 16px;border-radius:20px}.lbh-assessment-option{padding:16px}.lbh-assessment-intro h2{font-size:2.15rem}.lbh-assessment-section .lbh-container{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.lbh-assessment-option,.lbh-assessment-progress span:after{transition:none}}