.p-hero{background:linear-gradient(110deg,#deedff,#f2f7ff);transition:background .5s}.p-hero[data-tone="1"]{background:linear-gradient(110deg,#f3e6ce,#fcf7ee)}.p-hero[data-tone="2"]{background:linear-gradient(110deg,#d9f1ed,#eff9f7)}.hero-certificate-set{width:48%;height:315px;position:relative;flex-shrink:0}.hero-certificate-set img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 12px #24344825);width:58%;height:190px;left:20%;top:0}.hero-certificate-set img:nth-child(2){width:48%;height:155px;left:0;top:140px;transform:rotate(-9deg)}.hero-certificate-set img:nth-child(3){width:48%;height:155px;left:51%;top:140px;transform:rotate(8deg)}.p-slide{min-height:410px}.hero-autoplay{position:absolute;bottom:18px;left:calc(50% + 60px);border:1px solid #bbcadd;border-radius:50%;width:26px;height:26px;background:#ffffffb0;color:#426080;font-size:13px}.p-slide.active{animation:hero-appear .45s ease}@keyframes hero-appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.hero-certificate-set{width:100%;max-width:400px;height:230px}.hero-certificate-set img{height:140px}.hero-certificate-set img:nth-child(2),.hero-certificate-set img:nth-child(3){height:110px;top:105px}.p-slide{min-height:560px}}@media(prefers-reduced-motion:reduce){.p-slide.active{animation:none}.p-hero{transition:none}}
/* Blend white image margins into the banner background. */
.hero-certificate-set img[src*="oliveyoung-giftcard-real"],
.hero-certificate-set img[src*="happycon-real"]{mix-blend-mode:multiply;filter:none}

/* Card-shaped windows exclude the source photos' white margins. */
.hero-certificate-set .hero-card{position:absolute;display:block;overflow:hidden;aspect-ratio:1.59;border-radius:9px;width:58%;left:20%;top:58px;isolation:isolate}
.hero-certificate-set .hero-card img{position:absolute;width:119.6%;height:auto;max-width:none;left:-9.8%;top:-44.7%;object-fit:initial;transform:none;filter:none;mix-blend-mode:normal}
.hero-certificate-set .hero-card-olive{width:48%;left:0;top:170px;transform:rotate(-9deg);border-radius:7px}
.hero-certificate-set .hero-card-olive img{width:115.6%;left:-7.9%;top:-40.7%}
@media(max-width:800px){.hero-certificate-set .hero-card{top:38px}.hero-certificate-set .hero-card-olive{top:125px}}

.hero-intro-copy .p-kicker{font-size:12px;letter-spacing:1px}.p-hero .hero-intro-copy h1{font-size:31px;line-height:1.4;letter-spacing:-1.2px}.hero-intro-copy h1 span{color:#0755e9}.hero-intro-badges{display:flex;flex-wrap:wrap;gap:8px 15px;padding:0 0 14px;margin-bottom:18px;border-bottom:1px solid #aac5e5;color:#345678;font-size:12px}.p-hero .hero-intro-description{font-size:14px;font-weight:600;line-height:1.9;color:#41556b;margin-bottom:23px}@media(max-width:800px){.p-hero .hero-intro-copy h1{font-size:26px}.hero-intro-badges{justify-content:center;font-size:11px;gap:8px}.p-hero .hero-intro-description{font-size:13px}}

.p-hero .hero-intro-copy h1 .hero-brand-rotate{display:inline-block;color:inherit;transform-origin:center;animation:hero-brand-turn 5s ease-in-out infinite;backface-visibility:visible}
@keyframes hero-brand-turn{0%,65%{transform:perspective(700px) rotateY(0deg)}95%,100%{transform:perspective(700px) rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.p-hero .hero-intro-copy h1 .hero-brand-rotate{animation:none}}

.hero-main-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-main-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:168px;padding:12px 20px;border-radius:28px;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,box-shadow .2s}.hero-main-actions .hero-compare{border:1.5px solid #0755e9;background:transparent;color:#0755e9}.hero-main-actions .hero-chat{border:1.5px solid white;background:white;color:#243b57;box-shadow:0 5px 16px #284a7010}.hero-main-actions .hero-compare:hover{background:#0755e9;color:white}.hero-main-actions .hero-chat:hover{background:#edf5ff;box-shadow:0 6px 18px #284a7020}@media(max-width:800px){.hero-main-actions{justify-content:center;gap:10px}.hero-main-actions a{min-width:0;flex:1;max-width:190px;padding:12px 14px;font-size:13px}}