.hero-visual{position:relative;width:min(100%,720px);height:clamp(500px,41vw,580px);margin-inline:auto;isolation:isolate;perspective:1300px;overflow:visible}@media (min-width:1280px){.hero-visual{width:720px;height:580px;flex:0 0 720px}}@media (min-width:1280px) and (max-width:1439px){.hero-visual{width:min(100%,660px);height:540px;flex:0 1 660px}.hero-visual__beauty-card{left:6%}.hero-visual__fitness-card{left:7%}}.hero-visual__glow{position:absolute;inset:3% 0 8%;border-radius:999px;background:radial-gradient(circle at 50% 48%,rgba(139,92,246,.58),transparent 42%),radial-gradient(circle at 60% 60%,rgba(168,85,247,.28),transparent 58%);filter:blur(46px);opacity:.72;z-index:0}.hero-visual__stage,.hero-visual__stage-core,.hero-visual__stage-shadow{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;pointer-events:none}.hero-visual__stage-shadow{bottom:2%;width:76%;height:9%;background:rgba(0,0,0,.62);filter:blur(12px);z-index:1}.hero-visual__stage{bottom:7%;width:82%;height:15%;border:1px solid rgba(196,150,255,.52);background:radial-gradient(ellipse at center,rgba(168,85,247,.5),rgba(82,39,255,.16) 55%,transparent 73%);box-shadow:0 0 42px rgba(155,92,255,.8),inset 0 0 26px rgba(255,255,255,.12);z-index:2}.hero-visual__stage-core{bottom:9.2%;width:68%;height:9%;border:2px solid rgba(196,150,255,.78);box-shadow:0 0 32px rgba(196,150,255,.82);z-index:3}.hero-visual__beauty-card,.hero-visual__fitness-card,.hero-visual__food-card,.hero-visual__icon,.hero-visual__phone,.hero-visual__stats-card,.hero-visual__timeline-card{position:absolute;transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}.hero-float{animation:heroFloat 5.4s ease-in-out infinite}.hero-visual__beauty-card{left:-1%;top:6%;width:32%;height:41%;z-index:20;padding:4.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(145deg,#f4d0b8,#dca47f);color:#191018;box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 22px rgba(155,92,255,.22);transform:rotate(-8deg) rotateY(14deg)}.hero-visual__beauty-badge{position:absolute;right:14px;top:12px;border:1px solid rgba(0,0,0,.18);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900}.hero-visual__beauty-title{width:-moz-min-content;width:min-content;margin:0 auto;font-size:clamp(18px,1.9vw,25px);font-weight:950;line-height:.92;letter-spacing:.02em;text-align:left}.hero-visual__beauty-footer,.hero-visual__beauty-subtitle{margin-top:5px;font-size:clamp(10px,.9vw,13px);font-weight:850;text-align:center}.hero-visual__serum{position:relative;margin:9% auto 0;width:32%;aspect-ratio:1/1.05;height:auto;border-radius:999px;background:linear-gradient(90deg,#fff3e4,#b97948 52%,#fff0d8);box-shadow:0 18px 30px rgba(80,35,10,.25)}.hero-visual__serum-cap{position:absolute;left:25%;top:-20%;width:50%;height:26%;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#f9e7c5,#8e5d36,#fff3d9)}.hero-visual__serum-body{position:absolute;inset:32% 8% auto;text-align:center;font-size:8px;font-weight:900}.hero-visual__beauty-copy{margin-top:4px;font-size:11px;color:rgba(25,16,24,.72);text-align:center}.hero-visual__fitness-card{left:1%;bottom:15%;width:28%;height:33%;z-index:28;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#10101a;box-shadow:0 28px 76px rgba(0,0,0,.48);transform:rotate(-6deg) rotateY(12deg);animation-delay:-.9s}.hero-visual__fitness-card img,.hero-visual__food-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-visual__fitness-shade,.hero-visual__food-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.18),transparent)}.hero-visual__tag{position:absolute;left:14px;top:14px;font-size:11px;font-weight:950}.hero-visual__fitness-title{position:absolute;left:14px;top:30%;font-size:clamp(17px,2vw,23px);font-weight:950;line-height:.96}.hero-visual__fitness-meta{position:absolute;inset-inline:14px;bottom:12px;display:flex;justify-content:space-between;font-size:11px;font-weight:850}.hero-visual__fitness-meta span{display:inline-flex;align-items:center;gap:4px}.hero-visual__food-card{right:2%;top:9%;width:32%;height:33%;z-index:30;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#10101a;box-shadow:0 28px 80px rgba(0,0,0,.5);transform:rotate(7deg) rotateY(-14deg);animation-delay:-1.8s}.hero-visual__food-title{position:absolute;left:15px;right:15px;bottom:32px;font-size:clamp(15px,1.7vw,20px);font-weight:950;line-height:1.1}.hero-visual__stars{position:absolute;left:15px;bottom:12px;color:#fde047;font-size:13px}.hero-visual__stats-card{right:0;top:43%;z-index:24;display:flex;align-items:center;gap:14px;width:29%;min-height:72px;padding:14px;border-radius:17px;border:1px solid rgba(255,255,255,.13);background:rgba(14,12,28,.84);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(14px);animation-delay:-2.3s}.hero-visual__donut{width:44px;height:44px;border-radius:50%;background:conic-gradient(#8b5cf6 0 34%,#f59e0b 34% 62%,#38bdf8 62% 78%,rgba(255,255,255,.18) 78%);box-shadow:inset 0 0 0 10px #141124}.hero-visual__stats-card p,.hero-visual__stats-card span{font-size:12px;color:#a1a1aa}.hero-visual__stats-card strong{display:inline-block;margin-top:2px;font-size:19px}.hero-visual__stats-card span{margin-left:6px;color:#a78bfa;font-weight:900}.hero-visual__timeline-card{right:-1%;bottom:14%;z-index:12;width:53%;height:27%;padding:15px;border-radius:17px;border:1px solid rgba(167,139,250,.22);background:rgba(7,8,22,.9);box-shadow:0 34px 110px rgba(0,0,0,.58);transform:rotateY(-18deg) rotateX(8deg);backdrop-filter:blur(16px)}.hero-visual__timeline-top{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;color:#a1a1aa;font-size:10px}.hero-visual__timeline-body{display:grid;grid-template-columns:48px 1fr;gap:10px;margin-top:13px}.hero-visual__track-icons{display:grid;gap:7px}.hero-visual__track-icons span{height:18px;border-radius:6px;background:rgba(255,255,255,.06)}.hero-visual__tracks{position:relative;display:grid;gap:8px}.hero-visual__clip{height:18px;border-radius:5px;font-size:10px;font-weight:800;line-height:18px;padding-inline:10px}.hero-visual__clip--main{margin-left:45%;background:#7c3aed}.hero-visual__clip--cut{width:62%;margin-left:12%;background:#9333ea}.hero-visual__clip--title{width:76%;background:#1e3a8a}.hero-visual__clip--audio{width:94%;background:linear-gradient(90deg,#14b8a6,#0f766e)}.hero-visual__phone{left:50%;top:2%;z-index:50;width:36%;min-width:205px;max-width:270px;height:auto;transform:translateX(-50%) rotate(-3deg) rotateY(-7deg);filter:drop-shadow(0 34px 42px rgba(0,0,0,.62)) drop-shadow(0 20px 36px rgba(124,58,237,.34)) drop-shadow(0 0 22px rgba(196,150,255,.16));animation:heroPhoneFloat 5.8s ease-in-out infinite;will-change:translate,filter}.hero-visual__phone-art{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.hero-visual__icon{z-index:42;display:grid;place-items:center;border:1px solid rgba(196,150,255,.35);border-radius:14px;background:rgba(124,58,237,.2);color:#ddd6fe;box-shadow:0 0 28px rgba(139,92,246,.42);backdrop-filter:blur(10px);animation:heroFloat 4.8s ease-in-out infinite}.hero-visual__icon--clap{right:-1%;top:4%;width:54px;height:54px}.hero-visual__icon--image{right:-3%;top:25%;width:52px;height:52px;animation-delay:-1.4s}.hero-visual__icon--play{right:-4%;top:43%;width:43px;height:43px;animation-delay:-2.2s}.hero-visual__icon--chart{right:19%;top:0;width:44px;height:34px;animation-delay:-3s}.hero-visual__beauty-card:hover,.hero-visual__fitness-card:hover,.hero-visual__food-card:hover,.hero-visual__stats-card:hover,.hero-visual__timeline-card:hover{border-color:rgba(196,150,255,.46);box-shadow:0 34px 110px rgba(0,0,0,.54),0 0 30px rgba(139,92,246,.2)}@keyframes heroFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes heroPhoneFloat{0%,to{translate:0 0;filter:drop-shadow(0 34px 42px rgba(0,0,0,.62)) drop-shadow(0 20px 36px rgba(124,58,237,.34)) drop-shadow(0 0 22px rgba(196,150,255,.16))}50%{translate:0 -9px;filter:drop-shadow(0 42px 48px rgba(0,0,0,.58)) drop-shadow(0 28px 44px rgba(124,58,237,.42)) drop-shadow(0 0 28px rgba(196,150,255,.2))}}@media (min-width:1536px){.hero-visual{width:820px;height:640px;min-height:640px;flex-basis:820px}.hero-visual__stage-shadow{bottom:4%;width:82%;height:10%}.hero-visual__stage{bottom:10%;width:88%;height:15%}.hero-visual__stage-core{bottom:12.2%;width:70%;height:8%}.hero-visual__beauty-card{left:0;top:7%;width:29%;height:36%}.hero-visual__fitness-card{left:4%;bottom:17%;width:24%;height:29%}.hero-visual__food-card{right:3%;top:14%;width:28%;height:29%}.hero-visual__stats-card{right:6%;top:46%;width:23%}.hero-visual__timeline-card{right:5%;bottom:18%;width:43%;height:24%}.hero-visual__phone{left:52%;top:3%;width:37%;max-width:318px}.hero-visual__icon--clap{right:4%;top:10%}.hero-visual__icon--image{right:2%;top:30%}.hero-visual__icon--play{right:3%;top:45%}.hero-visual__icon--chart{right:20%;top:5%}}@media (max-width:1024px){.hero-visual{width:min(100%,620px);height:470px}.hero-visual__beauty-card{left:0}.hero-visual__food-card,.hero-visual__stats-card{right:0}.hero-visual__timeline-card{width:50%;right:0}.hero-visual__stats-card{display:none}}@media (max-width:767px){.hero-visual{width:min(calc(100vw - 32px),430px);height:360px;overflow:visible}.hero-visual__glow{inset:4% 8% 8%;filter:blur(34px)}.hero-visual__stage{bottom:6%;width:74%;height:14%}.hero-visual__stage-core{bottom:8.2%;width:62%;height:8%}.hero-visual__phone{top:7%;width:36%;min-width:138px;max-width:172px}.hero-visual__beauty-card{left:2%;top:11%;width:30%;height:38%;padding:12px;border-radius:15px}.hero-visual__beauty-title{margin-top:22px;font-size:13px}.hero-visual__beauty-copy,.hero-visual__beauty-footer,.hero-visual__beauty-subtitle{font-size:9px}.hero-visual__serum{height:42px;margin-top:14px}.hero-visual__fitness-card,.hero-visual__icon--chart,.hero-visual__stats-card{display:none}.hero-visual__food-card{right:2%;top:12%;width:30%;height:36%;border-radius:15px}.hero-visual__food-title{bottom:24px;font-size:11px}.hero-visual__stars,.hero-visual__tag{font-size:9px}.hero-visual__timeline-card{right:2%;bottom:15%;width:42%;height:24%;padding:9px}.hero-visual__timeline-top{display:none}.hero-visual__timeline-body{grid-template-columns:24px 1fr;gap:6px;margin-top:0}.hero-visual__clip,.hero-visual__track-icons span{height:12px;font-size:0}.hero-visual__icon--clap{right:7%;top:1%;width:36px;height:36px}.hero-visual__icon--image{right:0;top:31%;width:34px;height:34px}.hero-visual__icon--play{right:9%;top:48%;width:31px;height:31px}}@media (min-width:768px){html[data-locale=en] .hero-visual__beauty-card{left:7%;top:15%;width:25%;height:32%;gap:3px;justify-content:center;overflow:hidden;padding:12px 14px 13px;transform:rotate(-7deg) rotateY(12deg)}html[data-locale=en] .hero-visual__beauty-title{width:100%;max-height:none;margin:14px auto 0;overflow:hidden;font-size:clamp(11px,1vw,15px);line-height:1;letter-spacing:.02em;text-align:center;white-space:nowrap}html[data-locale=en] .hero-visual__beauty-footer,html[data-locale=en] .hero-visual__beauty-subtitle{margin-top:2px;font-size:clamp(7px,.62vw,9px);line-height:1.05;white-space:nowrap}html[data-locale=en] .hero-visual__beauty-badge{right:10px;top:10px;padding:1px 6px;font-size:8px}html[data-locale=en] .hero-visual__serum{width:24%;margin-top:4px}html[data-locale=en] .hero-visual__serum-body{font-size:5.5px}html[data-locale=en] .hero-visual__beauty-copy,html[data-locale=en] .hero-visual__beauty-footer{display:none}}@media (min-width:1536px){html[data-locale=en] .hero-visual__beauty-card{left:8%;top:16%;width:23%;height:31%}}