.hero-section{position:relative;width:100%;min-height:calc(50dvh - 64px);background:var(--color-primary);display:flex;align-items:center;overflow:hidden;padding:0}.hero-section .hero-grid{width:100%;max-width:1440px;margin:0 auto;padding:120px 48px 100px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-section .hero-oc-badge{position:absolute;top:24px;right:48px;font-size:13px;margin:0;padding:0;max-width:none;z-index:3}.hero-section .hero-oc-badge strong{display:inline-block;background:#1a1a1a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;padding:10px 16px;box-shadow:none;margin-right:38px;border-radius:10px;color:var(--color-text);font-weight:600}.hero-section .hero-oc-badge strong span{color:#fff!important}.hero-section .hero-content{display:flex;flex-direction:column;gap:24px;height:auto;justify-content:center}.hero-section .hero-badge{position:static;display:inline-flex;align-items:center;gap:8px;background:#1a1a1a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:500;color:var(--color-text);width:fit-content;box-shadow:none;white-space:nowrap;z-index:auto}.hero-section .hero-title{font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.08;margin:0;color:var(--color-text)}.hero-section .hero-title span{color:#fff!important}.hero-section .hero-desc{font-size:clamp(15px,1.3vw,18px);line-height:1.6;font-weight:500;margin:0;color:#1a1a1abf;max-width:480px}.hero-section .hero-rating{display:flex;align-items:center;gap:10px;margin:0}.hero-section .hero-rating-count{font-size:13px;color:#1a1a1a99}.hero-section .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:0}.hero-section .hero-clock-bar{display:inline-flex;gap:8px;background:#1a1a1a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border-left:3px solid var(--color-text);align-items:center;font-size:13px;font-weight:600;color:var(--color-text);border-radius:4px;width:fit-content;margin:0;justify-content:flex-start}.hero-section .hero-image-wrap{position:relative}.hero-section .hero-image{background:url(/images/PhoneHome.webp) center/cover no-repeat;aspect-ratio:6/5;border-radius:20px;box-shadow:0 20px 60px #00000026;width:100%}@keyframes heroFadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroImageSlideIn{0%{opacity:0;transform:translate(32px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.hero-section .hero-anim{opacity:0;animation:heroFadeSlideUp .55s cubic-bezier(.22,1,.36,1) forwards}.hero-section .hero-anim--0,.hero-section .hero-anim--1{animation-delay:0s}.hero-section .hero-anim--2{animation-delay:.2s}.hero-section .hero-anim--3{animation-delay:.4s}.hero-section .hero-anim--4{animation-delay:.6s}.hero-section .hero-anim--5{animation-delay:.8s}.hero-section .hero-anim--6{animation-delay:1s}.hero-section .hero-anim--image{opacity:0;animation:heroImageSlideIn .7s cubic-bezier(.22,1,.36,1) .3s forwards}.hero-section .hero-bottom-banner{position:absolute;bottom:0;left:0;right:0;background:var(--color-text);color:#fff;text-align:center;padding:14px 24px;font-size:14px;line-height:1.5;opacity:0;animation:heroFadeSlideUp .5s cubic-bezier(.22,1,.36,1) 1.5s forwards;z-index:2}.hero-section .hero-bottom-banner strong{color:var(--color-primary)}@media(max-width:1024px){.hero-section .hero-grid{grid-template-columns:1fr;padding:100px 32px;gap:40px}.hero-section .hero-image{max-width:520px;margin:0 auto}.hero-section .hero-oc-badge{right:32px;top:20px}}@media(max-width:640px){.hero-section{min-height:auto}.hero-section .hero-grid{padding:80px 20px;gap:28px}.hero-section .hero-content{gap:20px}.hero-section .hero-badge{white-space:normal;font-size:12px}.hero-section .hero-title{font-size:clamp(32px,8vw,44px)}.hero-section .hero-oc-badge{text-align:left;padding:0;margin:-4px -48px -12px 0}.hero-section .hero-ctas{width:100%}.hero-section .hero-ctas .btn-primary,.hero-section .hero-ctas .btn-dark{width:100%;justify-content:center}.hero-section .hero-bottom-banner{font-size:13px;padding:12px 16px}}