.obss,.obss-form{--ob-blue:#2563eb;--ob-ink:#172b4d;--ob-muted:#64748b;color:var(--ob-ink);font-family:Inter,"Be Vietnam Pro",system-ui,sans-serif;line-height:1.6}.obss *,.obss-form *{box-sizing:border-box}.obss h1,.obss h2,.obss-form h3{color:var(--ob-ink);line-height:1.2;margin:0 0 16px}.obss h1{font-size:clamp(32px,5vw,56px);max-width:760px;letter-spacing:-.035em}.obss h2{font-size:25px;margin-top:28px}.obss p,.obss-muted{color:var(--ob-muted)}.obss small{color:var(--ob-blue);font-weight:700;letter-spacing:.06em}.obss-hero{padding:clamp(24px,6vw,70px);border-radius:28px;background:linear-gradient(125deg,#eff6ff,#f0fdfa);margin-bottom:30px}.obss-home{max-width:1200px;margin:auto;padding:20px}.obss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.obss .obss-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;background:white;color:var(--ob-ink);border:1px solid #e2e8f0;border-radius:18px;text-decoration:none;box-shadow:0 5px 20px #172b4d08;transition:transform .18s,box-shadow .18s}.obss-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #172b4d15}.obss-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.obss-card span{font-size:13px;color:var(--ob-blue)}.obss button,.obss-btn,.obss-form button{background:var(--ob-blue);color:white;border:0;border-radius:12px;padding:12px 20px;font-weight:650;cursor:pointer;text-decoration:none;min-height:44px}.obss button:focus-visible,.obss-form button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.obss-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:24px;margin:28px 0}.obss-cta h2{margin:8px 0}.obss-dialog{border:0;border-radius:24px;padding:28px;width:min(520px,94vw);max-height:90vh;overflow:auto;background:white;box-shadow:0 20px 80px #172b4d30}.obss-dialog::backdrop{background:#172b4d66}.obss .obss-close{float:right;background:#f1f5f9;color:#172b4d;padding:4px 12px}.obss-form{padding:16px 0}.obss-form label{display:block;margin:12px 0;font-size:14px;font-weight:600}.obss-form input:not([type=checkbox]),.obss-form select{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172b4d;font:inherit}.obss-form .obss-check{display:flex;gap:8px;align-items:flex-start;font-weight:400}.obss-form input[type=checkbox]{margin-top:5px}.obss-actions{display:flex;gap:10px;flex-wrap:wrap}.obss-step[hidden]{display:none!important}.obss-mobile{display:none}.obss-skin{background:#f8fafc}.obss-message{color:#172b4d;font-weight:600}@media(max-width:700px){.obss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.obss .obss-card{padding:14px}.obss-cta{flex-direction:column;align-items:stretch}.obss-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:999;align-items:center;justify-content:space-around;gap:8px;background:white;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172b4d15}.obss-mobile a{color:#2563eb}body:has(.obss-mobile){padding-bottom:80px}}@media(prefers-reduced-motion:reduce){.obss-card{transition:none!important}}
.obss-home{max-width:1240px;padding:24px}.ob-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}.ob-hero-panel{background:white;border-radius:22px;padding:24px;box-shadow:0 12px 40px #172b4d0c}.ob-hero-panel a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0;color:#172b4d;text-decoration:none}.ob-symbol{font-style:normal;background:#eff6ff;color:#2563eb;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:24px}.ob-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ob-content-card strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.ob-content-card span{margin-top:auto}.ob-placeholder{aspect-ratio:16/10;background:#eff6ff;display:grid;place-items:center;border-radius:10px;color:#2563eb}.obss-form{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:clamp(20px,4vw,36px);max-width:760px;margin:auto}.obss-form h2{font-size:clamp(23px,3vw,32px);line-height:1.2;color:#172b4d}.obss-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit;box-sizing:border-box}.ob-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ob-progress{display:flex;gap:8px;margin:24px 0}.ob-progress span{flex:1;padding:10px;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:600}.ob-progress span+span{background:#f1f5f9;color:#64748b}.obss-form[data-stage="2"] .ob-progress span+span{background:#2563eb;color:white}.obss-form [hidden]{display:none!important}.obss-form [data-back]{background:#eff6ff;color:#2563eb}.obss-form input:focus,.obss-form select:focus,.obss-form textarea:focus{outline:2px solid #93c5fd;outline-offset:2px}.obos-shell{max-width:1240px;margin:0 auto;padding:32px 20px 60px}.obos-shell .obss-home{padding:0}.obos-shell .obss-form{margin:0 auto}.obos-shell .ob-contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:start}.ob-contact-info{background:#eff6ff;border-radius:24px;padding:30px;color:#172b4d}.ob-contact-info a{color:#2563eb}.obos-shell h1{color:#172b4d;font-size:clamp(30px,4vw,48px)}@media(max-width:700px){.ob-hero-grid,.ob-fields,.obos-shell .ob-contact-layout{grid-template-columns:1fr}.obss-home{padding:12px}.ob-heading h2{font-size:21px}.obss-form{padding:20px}.ob-hero-panel{padding:18px}}
