.gf-hp-system{background-color:#fff;box-sizing:border-box;overflow-x:hidden;padding:0 20px}.gf-hp-system__card{background:linear-gradient(180deg,#edf8fa,#fff);border-radius:30px;padding:80px 40px}.gf-hp-section-header{margin:0 auto;max-width:640px;padding-bottom:40px;text-align:center}.gf-hp-section-title{margin-bottom:16px}.gf-hp-system__tabs-nav{align-items:center;display:flex;gap:6px;justify-content:center;margin:0 auto;max-width:fit-content}.gf-hp-system__tab-btn{border:1px solid var(--border-primary);border-radius:9999px;color:var(--gray-500);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.gf-hp-system__tab-btn.active{border-color:var(--brand-500);color:var(--brand-500)}.gf-hp-system__panels{display:grid;grid-template-columns:1fr;padding:40px 0;position:relative}.gf-hp-system__panel{align-items:center;display:none;gap:40px;grid-area:1/1;grid-template-columns:1fr 1.5fr}.gf-hp-system__panel.is-leaving{animation:gfPanelLeaveUp 1s cubic-bezier(.16,1,.3,1) forwards;display:grid;pointer-events:none}.gf-hp-system__panel.active{animation:gfPanelEnterUp 1s cubic-bezier(.16,1,.3,1) forwards;display:grid}@keyframes gfPanelLeaveUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes gfPanelEnterUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.gf-hp-system__info{padding:30px}.gf-hp-system__info-title{margin-bottom:10px}.gf-hp-system__info-desc{margin-bottom:40px}.gf-hp-system__checklist{list-style:none;margin:0;padding:0}.gf-hp-system__checklist li{align-items:flex-start;color:#2d3136;display:flex;font-size:15px;gap:12px;line-height:1.5;margin-bottom:16px}.check-icon{align-items:center;background:#d7f1ec;border-radius:50%;color:#34aa97;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:22px;justify-content:center;margin-top:1px;width:22px}.gf-preview-frame{background:#f4f6f8;border-radius:16px;overflow:hidden;position:relative;width:100%}.gf-preview-frame img{display:block;height:auto;width:100%}.tour-video-container{overflow:hidden;position:relative;width:100%}@media (max-width:992px){.gf-hp-system__card{padding:60px 30px}.gf-hp-system__panel{grid-template-columns:1fr}.gf-hp-system__preview{order:-1}.gf-hp-system__info{padding:0}.gf-hp-system__tabs-nav{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gf-hp-system__tab-btn{align-items:center;display:inline-flex;flex-shrink:0;min-height:44px;white-space:nowrap;width:auto}}@media (max-width:768px){.gf-hp-system{padding:0}.gf-hp-system__card{padding:40px 20px}.gf-hp-system__tabs-nav::-webkit-scrollbar{display:none}}