:root{--container-max:1200px}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.about-hero{background:0 0;justify-content:center;align-items:stretch;width:100%;height:clamp(300px,55vh,520px);margin:0;padding:0;display:flex;position:relative;overflow:hidden}.about-hero-bg{width:100%;max-width:none;height:100%;box-shadow:none;z-index:1;border-radius:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.about-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;display:block;-webkit-mask-image:none;mask-image:none}.hero-intro-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:50px 0}.intro-content-wrap{text-align:center;max-width:850px;margin:0 auto}.intro-content-wrap h1{color:#0f172a;margin:12px 0 16px;font-size:clamp(28px,4vw,40px);font-weight:800}.hero-tagline{color:#1e293b;margin-bottom:16px;font-size:clamp(1.05rem,2.1vw,1.25rem);font-weight:600;line-height:1.7}.hero-subtext{color:#475569;margin:0;font-size:1rem;line-height:1.6}.specs-section{background:#f8fafc;padding:10px 0 70px}.section-title-wrap{text-align:center;margin-bottom:40px}.sub-badge{letter-spacing:.15em;text-transform:uppercase;color:#b45309;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.section-title-wrap h2{color:#0f172a;margin:0;font-size:clamp(24px,3.5vw,34px);font-weight:800}.accent-bar{background:#d97706;border-radius:9999px;width:44px;height:3px;margin:12px auto 0}.specs-layout-grid{grid-template-columns:1fr;align-items:stretch;gap:32px;display:grid}@media (width>=992px){.specs-layout-grid{grid-template-columns:minmax(340px,460px) 1fr;align-items:stretch;gap:48px}}.specs-image-col{flex-direction:column;width:100%;display:flex}.specs-list-col{flex-direction:column;justify-content:space-between;gap:16px;height:100%;display:flex}.spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:auto;align-items:center;gap:18px;padding:20px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.spec-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.spec-icon{color:#d97706;background:#fef3c7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.spec-body{flex-direction:column;gap:4px;min-width:0;display:flex}.spec-body h3{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.3}.spec-body p{color:#475569;margin:0;font-size:14.5px;line-height:1.6}@media (width<=991px){.specs-list-col{justify-content:flex-start;height:auto}.spec-card{flex:none;align-items:flex-start}}.model-note{color:#64748b;text-align:center;margin-top:12px;font-size:13px}.viewer-wrapper{aspect-ratio:9/16;isolation:isolate;background:#0f172a;border:3px solid #fff;border-radius:22px;width:100%;height:auto;min-height:720px;max-height:1100px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e2e8f0,0 18px 40px #0f172a2e,0 6px 14px #0f172a14}.viewer-wrapper:after{content:"";pointer-events:none;z-index:6;border-radius:22px;transition:box-shadow .3s;position:absolute;inset:-3px;box-shadow:inset 0 0 0 1px #d9770600}.viewer-wrapper:hover:after{box-shadow:inset 0 0 0 2px #d9770659}@media (width<=992px){.viewer-wrapper{aspect-ratio:9/14;border-width:3px;border-radius:18px;min-height:640px;max-height:900px}.viewer-wrapper:after{border-radius:18px}}@media (width<=640px){.viewer-wrapper{aspect-ratio:9/14;border-width:2px;border-radius:14px;min-height:560px;max-height:820px;box-shadow:0 0 0 1px #e2e8f0,0 12px 26px #0f172a29}.viewer-wrapper:after{border-radius:14px}}@media (width<=400px){.viewer-wrapper{aspect-ratio:9/14;min-height:500px;max-height:720px}}.lazy-video{-o-object-fit:cover;object-fit:cover;z-index:2;background:#0f172a;width:100%;height:100%;display:block;position:absolute;inset:0}.lazy-video::-webkit-media-controls-mute-button,.lazy-video::-webkit-media-controls-volume-slider,.lazy-video::-webkit-media-controls-volume-control-container{display:none!important}.lazy-video::-webkit-media-controls-fullscreen-button{display:none!important}.materials-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:50px 0}.materials-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.materials-grid{grid-template-columns:1fr 1fr}}.material-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.material-card h3{color:#0f172a;margin-bottom:14px;font-size:18px;font-weight:700}.material-card ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.material-card ul li{color:#475569;align-items:center;gap:10px;font-size:14px;display:flex}.material-card ul li i{color:#d97706}.material-card p{color:#475569;margin:0;font-size:14px;line-height:1.6}.faq-section{background:#f8fafc;padding:70px 0}.faq-grid{grid-template-columns:1fr;gap:20px;max-width:900px;margin:0 auto;display:grid}@media (width>=768px){.faq-grid{grid-template-columns:1fr 1fr}}.faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.faq-card h3{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:700}.faq-card p{color:#475569;margin:0;font-size:13.5px;line-height:1.5}@media (width<=991px){.about-hero{background:0 0;height:clamp(260px,48vh,420px);min-height:260px;padding:0}.about-hero-bg{width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.about-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;max-height:none;-webkit-mask-image:none;mask-image:none}}@media (width<=768px){.about-hero{background:0 0;height:clamp(200px,45vw,300px);min-height:200px;max-height:300px;margin:0;padding:0}.about-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}@media (width<=480px){.about-hero{height:200px;min-height:200px;max-height:200px}}.cabin-navigation-buttons{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.cabin-navigation-buttons .next-cabin-btn{white-space:nowrap}.next-cabin-wrapper{justify-content:center;margin-top:20px;display:flex}@keyframes subtleBounce{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(-6px)scale(1.02)}30%{transform:translateY(0)scale(1)}45%{transform:translateY(-3px)scale(1.01)}60%,to{transform:translateY(0)scale(1)}}.next-cabin-btn{color:#f1f5f9;background:#334155;border:1.5px solid #cbd5e1;border-radius:9999px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;animation:2.2s ease-in-out infinite subtleBounce;display:inline-flex;box-shadow:0 4px 12px #47556926}.next-cabin-btn:hover{color:#070707;background:#f1f5f9;border-color:#475569;animation-play-state:paused;transform:translateY(-4px)scale(1.03);box-shadow:0 10px 25px #47556940}.next-cabin-btn i{font-size:12px;transition:transform .3s;animation:1.5s ease-in-out infinite arrowMove}@keyframes arrowMove{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.next-cabin-btn:hover i{animation-play-state:paused;transform:translate(6px)}@media (width<=768px){.next-cabin-btn{padding:11px 20px;font-size:13px}}@media (width<=480px){.cabin-navigation-buttons{gap:6px}.cabin-navigation-buttons .next-cabin-btn{gap:5px;padding:9px 10px;font-size:11px}}