.detail-hero{padding:155px 0 90px;color:#fff;background:radial-gradient(circle at 85% 25%,#8073e8 0,transparent 28%),linear-gradient(135deg,#1c2137,#493ca8)}.detail-hero--product{background:radial-gradient(circle at 85% 25%,#307c91 0,transparent 28%),linear-gradient(135deg,#17283c,#275773)}.detail-back{display:block;margin-bottom:28px;color:#d9d5ff;text-decoration:none;font-size:.82rem;font-weight:700}.detail-status{display:inline-block;margin-bottom:14px;padding:6px 11px;border:1px solid #ffffff40;border-radius:20px;background:#ffffff15;font-size:.67rem;font-weight:800;text-transform:uppercase}.detail-hero h1{margin:0 0 10px;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:850;letter-spacing:-.05em}.detail-hero h2{font-size:1.45rem}.detail-hero p{max-width:720px;margin:20px 0 28px;color:#dddbea;font-size:1.05rem;line-height:1.75}.detail-visual{position:relative;display:grid;height:350px;place-items:center;overflow:hidden;border:1px solid #ffffff30;border-radius:28px;background:#ffffff12}.detail-visual i{position:relative;z-index:2;font-size:7rem}.detail-visual span{position:absolute;width:220px;height:220px;border:1px solid #ffffff60;border-radius:50%}.detail-visual span:nth-child(2){width:310px;height:310px;border-color:#ffffff25}.detail-benefits,.detail-steps{padding:95px 0}.section-intro{max-width:650px;margin:0 auto 45px;text-align:center}.section-intro span{color:#6255e7;font-size:.7rem;font-weight:800;letter-spacing:.12em}.section-intro h2{margin-top:12px;font-size:2.6rem;font-weight:830;letter-spacing:-.04em}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.benefit-grid article{padding:25px;border:1px solid #e6e8f0;border-radius:16px}.benefit-grid i{color:#6255e7;font-size:1.4rem}.benefit-grid h3{margin:18px 0 9px;font-size:1rem;font-weight:800}.benefit-grid p{margin:0;color:#68748a;font-size:.8rem;line-height:1.6}.detail-steps{background:#f7f8fc}.detail-steps .container>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-steps article{padding:30px;border-radius:18px;background:#fff}.detail-steps article b{color:#6255e7;font-size:.75rem}.detail-steps article h3{margin:12px 0 0;font-size:1.15rem}@media(max-width:767px){.detail-hero{padding:135px 0 70px}.detail-visual{height:270px}.detail-steps .container>div:last-child{grid-template-columns:1fr}.section-intro h2{font-size:2rem}}
