.ph-site:has(.ph-how) #main{background:#0a0f1a}
.ph-how-hero{padding:110px 20px 95px;background:radial-gradient(ellipse at 70% 30%,#1b1d37,#0d1d2b 55%,#0a0f1a);color:#fff;text-align:center}
.ph-how-badge{display:inline-block;padding:8px 16px;border:1px solid #06bfff66;border-radius:99px;background:#06bfff26;color:#d8f5ff;font:700 12px var(--ph-body)}
.ph-how-hero h1{margin:28px 0 15px;color:#d7eaff;font:800 clamp(34px,4vw,51px) var(--ph-display)}
.ph-how-hero p{max-width:620px;margin:auto;color:#c1d1e4;font:500 16px/1.6 var(--ph-body)}
.ph-how-section-head{padding:40px 20px;background:#111a29;text-align:center}
.ph-how-section-head h2{display:inline-block;margin:0;color:#cff0ff;font:800 27px var(--ph-display)}
.ph-how-section-head h2::after{content:"";display:block;width:45px;height:3px;margin:12px auto 0;background:#06bfff}
.ph-how-timeline{max-width:1020px;margin:auto;padding:55px 24px 80px}
.ph-how-timeline article{display:grid;grid-template-columns:94px minmax(0,1fr);gap:25px;align-items:start;max-width:690px;margin:0 0 36px;padding:20px 0;color:#f7fafc}
.ph-how-timeline article:nth-child(even){margin-left:auto;direction:rtl;text-align:right}
.ph-how-timeline article:nth-child(even)>*{direction:ltr}
.ph-how-number{display:grid;place-items:center;width:92px;height:92px;background:radial-gradient(circle,#169df5 0 27px,#173146 28px);color:#fff;font:800 20px var(--ph-display)}
.ph-site .ph-how-timeline h3{margin:8px 0;color:#f7fafc!important;font:800 19px var(--ph-display)}
.ph-site .ph-how-timeline p{margin:0 0 10px;color:#aebccb!important;line-height:1.65}
.ph-how-timeline a{color:#067eb2;font-weight:700;text-decoration:none}
.ph-how-step-icon{color:#06a9e8;font-size:22px}
.ph-how-benefits{padding:60px 20px 80px;background:linear-gradient(140deg,#122338,#19172b)}
.ph-how-benefits h2,.ph-how-question h2{text-align:center;color:#178ec5;font:800 28px var(--ph-display)}
.ph-how-benefits>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1020px;margin:36px auto 0}
.ph-how-benefits article{text-align:center;padding:20px;color:#f7fafc}
.ph-how-benefits article>span{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 15px;border-radius:14px;background:#cfeeff;color:#118fd2;font-size:25px}
.ph-site .ph-how-benefits h3{color:#f7fafc!important;font:800 17px var(--ph-display)}
.ph-site .ph-how-benefits p{color:#aebccb!important;line-height:1.55}
.ph-how-question{padding:70px 20px;text-align:center}
.ph-how-question a,.ph-how-cta a{display:inline-block;margin-top:15px;padding:11px 21px;border-radius:8px;background:linear-gradient(90deg,#09bcf6,#287aff);color:#fff;text-decoration:none;font-weight:700}
.ph-how-cta{padding:70px 20px;background:linear-gradient(120deg,#0bbcf5,#3076fa);color:#fff;text-align:center}
.ph-how-cta h2{margin:0;color:#fff;font:800 29px var(--ph-display)}
.ph-how-cta p{max-width:570px;margin:15px auto;color:#eff7ff;line-height:1.6}
.ph-how-cta a{background:#142333;color:#e2f7ff;border:1px solid #b8e5ff}
@media(max-width:700px){.ph-how-hero{padding:70px 16px}.ph-how-timeline{padding:35px 16px}.ph-how-timeline article,.ph-how-timeline article:nth-child(even){grid-template-columns:56px 1fr;gap:12px;margin:0 0 22px;direction:ltr;text-align:left}.ph-how-number{width:55px;height:55px}.ph-how-benefits>div{grid-template-columns:1fr}.ph-how-benefits,.ph-how-question,.ph-how-cta{padding-block:45px}}
.ph-site .ph-how-timeline{background:#0a0f1a}
.ph-site .ph-how-question{background:#0a0f1a}