/* WEBBE Realty – Flatsome Native UX Builder */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

.webbe-hero,.webbe-dark-section,.webbe-cta{overflow:hidden}
.webbe-hero .section-bg,.webbe-dark-section .section-bg,.webbe-cta .section-bg{background:#0f172a}
.webbe-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(15,118,110,.18);filter:blur(110px);left:45%;top:15%;pointer-events:none}
.webbe-hero .section-content,.webbe-dark-section .section-content,.webbe-cta .section-content{position:relative;z-index:2}
.webbe-hero h1,.webbe-dark-section h2,.webbe-cta h2{font-family:'Playfair Display',serif}
.webbe-hero-title{font-size:clamp(36px,5vw,66px);line-height:1.08;font-weight:700;margin:18px 0}
.webbe-hero-title em{font-weight:400;color:#d4af37}
.webbe-hero-desc{font-family:'Be Vietnam Pro',sans-serif;color:#cbd5e1;font-size:18px;line-height:1.75;max-width:760px}
.webbe-eyebrow,.webbe-section-kicker{display:inline-block;font:700 11px/1 'Be Vietnam Pro',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0f766e;background:#f4f8f7;border:1px solid #c8ddd3;border-radius:999px;padding:9px 13px}
.webbe-eyebrow{color:#f3e5ab;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.webbe-section-kicker.gold{color:#d4af37;background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.25)}
.webbe-hero .button{margin:22px 10px 0 0}
.webbe-btn-gold{background:linear-gradient(135deg,#f3c34b,#d4af37)!important;color:#0f172a!important;border:0!important;font-weight:800!important;border-radius:12px!important;box-shadow:0 12px 30px rgba(212,175,55,.24)}
.webbe-btn-outline{border-color:rgba(255,255,255,.3)!important;color:#fff!important;border-radius:12px!important}
.webbe-btn-zalo{background:#2563eb!important;color:#fff!important;border:0!important;border-radius:12px!important}
.webbe-device{position:relative;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(30,41,59,.85);box-shadow:0 30px 70px rgba(0,0,0,.35);animation:webbeFloat 6s ease-in-out infinite}
.webbe-browser-bar{height:30px;display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:11px;padding:0 8px}
.webbe-browser-bar span{width:10px;height:10px;border-radius:50%;background:#64748b}.webbe-browser-bar span:nth-child(1){background:#ef4444}.webbe-browser-bar span:nth-child(2){background:#eab308}.webbe-browser-bar span:nth-child(3){background:#22c55e}.webbe-browser-bar small{margin-left:auto}.webbe-browser-bar b{color:#34d399;margin-left:12px}
.webbe-device-screen{position:relative;border-radius:10px;overflow:hidden}.webbe-device-screen img{width:100%;height:390px;object-fit:cover;display:block}.webbe-screen-overlay{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 30%,rgba(2,6,23,.9))}
.webbe-screen-overlay span{display:inline-block;width:max-content;background:#f3c34b;color:#0f172a;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:800}.webbe-screen-overlay h3{color:#fff;margin:6px 0;font-size:20px}.webbe-screen-overlay p{color:#cbd5e1;font-size:12px}.webbe-screen-overlay div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:10px;color:#f3e5ab;font-size:12px}.webbe-screen-overlay div b{background:#0f766e;color:#fff;padding:5px 8px;border-radius:5px}
.webbe-float-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid #e2e8f0;border-radius:12px;padding:12px 15px;box-shadow:0 15px 35px rgba(0,0,0,.15);font-size:11px}.webbe-float-card strong{display:block;color:#0f172a}.webbe-float-card small{color:#64748b}.webbe-float-left{top:-25px;left:-28px}.webbe-float-right{bottom:-25px;right:-28px}
.webbe-metrics{margin-top:42px;border-top:1px solid rgba(255,255,255,.1);padding-top:28px}.webbe-metrics strong{display:block;font:700 34px 'Playfair Display',serif;color:#f3e5ab}.webbe-metrics small{color:#94a3b8;font-size:11px}
.webbe-brands .webbe-brand-list{font-size:20px;font-weight:800;color:#475569;opacity:.75}
.webbe-light-section{background:#f8fafc}.webbe-light-section h2,.webbe-brands h2{font-family:'Playfair Display',serif;font-size:42px;line-height:1.2;margin:12px 0}
.webbe-card-grid .col-inner,.webbe-feature-card,.webbe-process-grid .col-inner,.webbe-review-card{height:100%}
.webbe-card-grid .col-inner{padding:25px!important;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(15,23,42,.06)}
.webbe-card-grid h3,.webbe-feature-card h3,.webbe-process-grid h3{font-size:20px;color:#0f172a;font-weight:800}.webbe-card-grid p,.webbe-feature-card p,.webbe-process-grid p{color:#64748b;font-size:13px;line-height:1.75}
.webbe-card-grid ul{margin:12px 0 0 18px;color:#475569;font-size:12px;line-height:1.9}
.webbe-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:18px}.webbe-gold{background:#fff4cf;color:#a16207}.webbe-teal{background:#e3eee9;color:#0f766e}.webbe-blue{background:#dbeafe;color:#1d4ed8}.webbe-purple{background:#ede9fe;color:#7c3aed}
.webbe-feature-grid .col-inner{height:100%}.webbe-feature-card{display:block!important;padding:24px!important;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.webbe-feature-card:hover{background:#fff;border-color:#0f766e;box-shadow:0 18px 35px rgba(15,118,110,.08)}
.webbe-dark-section{background:linear-gradient(135deg,#062c29,#0f172a)}.webbe-dark-section .section-bg{background:transparent}.webbe-dark-section h2,.webbe-cta h2{color:#fff}.webbe-dark-section p,.webbe-cta p{color:#cbd5e1}
.webbe-note{margin-top:20px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f3e5ab;background:rgba(255,255,255,.04);font-size:12px}
.webbe-calculator{background:rgba(30,41,59,.85);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;color:#fff}.webbe-calculator h3{color:#f3e5ab;font-size:18px;margin-bottom:25px}.webbe-calculator label{display:flex;justify-content:space-between;color:#cbd5e1;font-size:13px;margin:18px 0 8px}.webbe-calculator output{color:#f3c34b;font-weight:800}.webbe-calculator input[type=range]{width:100%;accent-color:#f3c34b}.webbe-calc-result{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding:17px;border-radius:12px;background:rgba(6,78,59,.45);border:1px solid rgba(52,211,153,.25)}.webbe-calc-result small{display:block;color:#86efac;font-size:11px}.webbe-calc-result strong{display:block;color:#34d399;font-size:25px;margin-top:3px}
.webbe-filter{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.webbe-filter button{border:0;background:#fff;color:#475569;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.webbe-filter button.active{background:#0f766e;color:#fff}
.webbe-demo-item .col-inner{overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(15,23,42,.06)}.webbe-demo-image img{width:100%;height:230px;object-fit:cover}.webbe-demo-item .ux-text{padding:20px}.webbe-demo-item h3{font-size:19px;font-weight:800;margin:8px 0}.webbe-demo-item p{font-size:12px;color:#64748b}.webbe-tag{display:inline-block;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:800}.webbe-tag.teal{background:#e3eee9;color:#0f766e}.webbe-tag.gold{background:#fff4cf;color:#a16207}.webbe-tag.blue{background:#dbeafe;color:#1d4ed8}.webbe-demo-item strong{color:#059669;font-size:11px}.webbe-demo-item a{color:#0f766e;font-weight:800;font-size:11px}
.webbe-estimator{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:28px}.webbe-estimator h4{font-size:14px;color:#0f172a;margin:0 0 12px}.webbe-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.webbe-pack-grid button{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:15px;text-align:left;font-weight:800;color:#334155;cursor:pointer}.webbe-pack-grid button.active{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e22;background:#f4f8f7}.webbe-pack-grid small,.webbe-pack-grid b{display:block}.webbe-pack-grid small{font-weight:400;color:#64748b;font-size:10px;margin-top:5px}.webbe-pack-grid b{color:#0f766e;font-size:11px;margin-top:8px}.webbe-addon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.webbe-addon-grid label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e2e8f0;background:#fff;border-radius:11px;cursor:pointer;font-size:11px}.webbe-addon-grid small{display:block;color:#94a3b8;margin-top:3px}
.webbe-estimate-total{background:#0f172a;color:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 45px rgba(15,23,42,.18)}.webbe-estimate-total h3{color:#f3e5ab;font-size:15px;border-bottom:1px solid #1e293b;padding-bottom:12px}.webbe-estimate-total strong{display:block;color:#f3c34b;font-size:28px;margin:8px 0 10px}.webbe-estimate-total small,.webbe-estimate-total p{color:#94a3b8;font-size:10px}.webbe-estimate-total ul{font-size:11px;color:#cbd5e1;line-height:2;margin:18px 0}
.webbe-compare-wrap{overflow:auto}.webbe-compare{width:100%;min-width:680px;border-collapse:collapse;color:#cbd5e1;font-size:12px}.webbe-compare th,.webbe-compare td{padding:15px;border-bottom:1px solid #1e293b;text-align:left}.webbe-compare th:last-child,.webbe-compare td:last-child{background:rgba(6,44,41,.7);color:#34d399}.webbe-compare th:last-child{color:#f3e5ab}
.webbe-process-grid .col-inner{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:23px!important;position:relative}.webbe-process{font-size:44px;font-weight:900;color:#e2e8f0;line-height:1;margin-bottom:12px}.webbe-review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:23px!important;color:#d4af37;font-size:15px}.webbe-review-card p{color:#475569;font-size:13px;font-style:italic;line-height:1.75}.webbe-review-card strong,.webbe-review-card small{display:block;color:#0f172a}.webbe-review-card small{color:#64748b;font-size:10px;margin-top:3px}
.webbe-cta{text-align:center}.webbe-cta h2{font-size:42px}.webbe-lead-section{background:#fff}
.webbe-promo-strip .button{margin:0}.webbe-promo-badge{display:inline-block;background:#f3c34b;color:#0f172a;padding:4px 8px;border-radius:999px;font-weight:900;font-size:10px}
@keyframes webbeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:849px){.webbe-hero{padding-top:55px!important;padding-bottom:60px!important}.webbe-hero-title{font-size:40px}.webbe-hero-desc{font-size:15px}.webbe-device-screen img{height:290px}.webbe-float-card{display:none}.webbe-light-section h2,.webbe-brands h2,.webbe-cta h2{font-size:32px}.webbe-pack-grid,.webbe-addon-grid{grid-template-columns:1fr}.webbe-filter{justify-content:flex-start;margin-top:12px}.webbe-metrics strong{font-size:27px}}
@media(max-width:549px){.webbe-hero-title{font-size:34px}.webbe-metrics small{font-size:9px}.webbe-calc-result{flex-direction:column;align-items:flex-start}.webbe-promo-strip{font-size:11px}.webbe-promo-strip .button{display:block;margin-top:6px}}