:root {
     --mint: #EAF2FC;
     --teal: #1B6FC9;
     --teal-deep: #0B4A85;
     --teal-darker: #062E54;
     --coral: #FF3B5C;
     --coral-deep: #C4183A;
     --ink: #0B1F17;
     --muted: #5B7268;
     --card: #FFFFFF;
     --line: #D8E6F7;
 }
 
 * {
     box-sizing: border-box;
 }
 
 body {
     margin: 0;
     background: #F3F5F4;
     font-family: 'Inter', sans-serif;
     color: var(--ink);
 }
 
 .ph-mono {
     font-family: 'JetBrains Mono', monospace;
 }
 
 h1,
 h2,
 h3 {
     font-family: 'Baloo 2', sans-serif;
 }
 
 :focus-visible {
     outline: 3px solid var(--teal-deep);
     outline-offset: 3px;
 }
 /* ---------- top bar ---------- */
 
 .ph-topbar {
     background: var(--card);
     border-bottom: 1px solid var(--line);
     padding: .9rem 0;
 }
 
 .ph-logo {
     font-family: 'Baloo 2', sans-serif;
     font-weight: 800;
     font-size: 1.15rem;
     color: var(--teal-deep);
     display: inline-flex;
     align-items: center;
     gap: .5rem;
 }
 
 .ph-logo .cross {
     width: 20px;
     height: 20px;
     border-radius: 6px;
     background: var(--teal);
     position: relative;
     flex: none;
 }
 
 .ph-logo .cross::before,
 .ph-logo .cross::after {
     content: "";
     position: absolute;
     background: #fff;
 }
 
 .ph-logo .cross::before {
     top: 4px;
     bottom: 4px;
     left: 8.5px;
     width: 3px;
 }
 
 .ph-logo .cross::after {
     left: 4px;
     right: 4px;
     top: 8.5px;
     height: 3px;
 }
 
 .ph-topbar-right {
     display: flex;
     align-items: center;
     gap: 1.4rem;
 }
 
 .ph-contact-links {
     display: flex;
     align-items: center;
     gap: 1.2rem;
 }
 
 .ph-contact-links a {
     display: inline-flex;
     align-items: center;
     gap: .4rem;
     font-size: .83rem;
     font-weight: 500;
     color: var(--muted);
     text-decoration: none;
 }
 
 .ph-contact-links a:hover {
     color: var(--teal-deep);
 }
 
 .ph-contact-links svg {
     flex: none;
 }
 
 .ph-social-links {
     display: flex;
     align-items: center;
     gap: .5rem;
 }
 
 .ph-social-links a {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: rgba(27, 111, 201, .09);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background .15s ease, transform .15s ease;
 }
 
 .ph-social-links a:hover {
     background: var(--teal);
     transform: translateY(-1px);
 }
 
 .ph-social-links a:hover svg path {
     stroke: #fff;
     fill: #fff;
 }
 
 .ph-social-links svg {
     flex: none;
 }
 
 @media (max-width: 767px) {
     .ph-contact-links {
         display: none;
     }
 }
 /* ---------- slider ---------- */
 
 .ph-slider {
     position: relative;
 }
 
 .carousel-item .slide {
     min-height: 480px;
     display: flex;
     align-items: center;
     color: #fff;
     position: relative;
     overflow: hidden;
 }
 
 .slide.s1 {
     /* background: linear-gradient(120deg, var(--teal-darker), var(--teal-deep) 55%, #1B6FC9 100%); */
 }
 
 .slide.s2 {
     /* background: linear-gradient(120deg, #08356B, var(--teal) 60%, #2E86D6 100%); */
 }
 
 .slide.s3 {
     /* background: linear-gradient(120deg, #052544, #1B6FC9 55%, #2C8FE0 100%); */
 }
 
 .slide .art {
     position: absolute;
     right: -40px;
     top: 50%;
     transform: translateY(-50%);
     width: 44%;
     opacity: .95;
     pointer-events: none;
 }
 
 .slide .art svg {
     width: 100%;
     height: auto;
 }
 
 .slide .content {
     position: relative;
     z-index: 2;
     padding: 2.5rem 3rem;
     max-width: 640px;
 }
 
 .slide .tag {
     font-family: 'JetBrains Mono', monospace;
     font-size: .76rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     background: rgba(255, 255, 255, .14);
     display: inline-block;
     padding: .35rem .7rem;
     border-radius: 999px;
     margin-bottom: 1rem;
 }
 
 .slide h2 {
     font-weight: 800;
     font-size: clamp(1.6rem, 3.4vw, 2.5rem);
     line-height: 1.12;
     margin-bottom: .8rem;
     max-width: 16ch;
 }
 
 .slide p {
     color: rgba(255, 255, 255, .82);
     font-size: 1rem;
     max-width: 32ch;
     margin-bottom: 0;
 }
 
 #phCarousel .carousel-indicators {
     bottom: auto;
     top: 1.4rem;
     margin: 0;
     right: 2rem;
     left: auto;
     width: auto;
     justify-content: flex-end;
     gap: .4rem;
 }
 
 #phCarousel .carousel-indicators [data-bs-target] {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: rgba(255, 255, 255, .45);
     border: none;
     opacity: 1;
 }
 
 #phCarousel .carousel-indicators .active {
     background: #fff;
 }
 
 #phCarousel .carousel-control-prev,
 #phCarousel .carousel-control-next {
     width: 3rem;
     opacity: 1;
 }
 
 .ph-arrow {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     background: rgba(255, 255, 255, .16);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background .15s ease;
 }
 
 #phCarousel .carousel-control-prev:hover .ph-arrow,
 #phCarousel .carousel-control-next:hover .ph-arrow {
     background: rgba(255, 255, 255, .32);
 }
 /* ---------- signup section ---------- */
 
 .ph-signup {
     padding: 0 1rem 4.5rem;
     margin-top: -64px;
     position: relative;
     z-index: 5;
 }
 
 .ph-card {
     max-width: 1040px;
     margin: 0 auto;
     background: var(--card);
     border-radius: 18px;
     box-shadow: 0 30px 60px -25px rgba(6, 78, 56, .35);
     overflow: hidden;
     display: flex;
     flex-wrap: wrap;
 }
 
 .ph-pitch {
     background: linear-gradient(160deg, var(--teal-deep), var(--teal));
     color: #fff;
     padding: 2.6rem 2.2rem;
     flex: 1 1 320px;
     min-width: 280px;
 }
 
 .ph-pitch h3 {
     font-size: 1.4rem;
     font-weight: 700;
     margin-bottom: .7rem;
 }
 
 .ph-pitch p.lead-sm {
     color: rgba(255, 255, 255, .82);
     font-size: .95rem;
     margin-bottom: 1.6rem;
 }
 
 .ph-pitch ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: .9rem;
 }
 
 .ph-pitch li {
     display: flex;
     gap: .6rem;
     font-size: .9rem;
     color: rgba(255, 255, 255, .92);
 }
 
 .ph-pitch li svg {
     flex: none;
     margin-top: .15rem;
 }
 
 .ph-form-wrap {
     flex: 1 1 420px;
     min-width: 300px;
     padding: 2.6rem 2.4rem;
 }
 
 .ph-form-wrap h3 {
     font-size: 1.3rem;
     margin-bottom: .3rem;
 }
 
 .ph-form-wrap .sub {
     color: var(--muted);
     font-size: .9rem;
     margin-bottom: 1.6rem;
 }
 
 .ph-field {
     margin-bottom: 1.05rem;
 }
 
 .ph-field label {
     display: block;
     font-size: .82rem;
     font-weight: 600;
     color: var(--ink);
     margin-bottom: .35rem;
 }
 
 .ph-field input[type="text"],
 .ph-field input[type="tel"],
 .ph-field input[type="email"],
 .ph-field textarea {
     width: 100%;
     border: 1px solid var(--line);
     background: #F5F9FE;
     border-radius: 8px;
     padding: .65rem .8rem;
     font-size: .92rem;
     font-family: 'Inter', sans-serif;
     color: var(--ink);
 }
 
 .ph-field input:focus,
 .ph-field textarea:focus {
     outline: none;
     border-color: var(--teal);
     background: #fff;
     box-shadow: 0 0 0 3px rgba(11, 110, 79, .12);
 }
 
 .ph-field textarea {
     resize: vertical;
     min-height: 64px;
 }
 
 .ph-row2 {
     display: flex;
     gap: .9rem;
 }
 
 .ph-row2 .ph-field {
     flex: 1;
 }
 /* logo uploader */
 
 .ph-upload {
     border: 1.5px dashed #BBD6F2;
     border-radius: 10px;
     background: #F5F9FE;
     padding: 1rem;
     display: flex;
     align-items: center;
     gap: .9rem;
     cursor: pointer;
     transition: border-color .15s ease, background .15s ease;
 }
 
 .ph-upload:hover {
     border-color: var(--teal);
     background: #EAF3FC;
 }
 
 .ph-upload input[type="file"] {
     display: none;
 }
 
 .ph-upload .icon {
     width: 38px;
     height: 38px;
     border-radius: 8px;
     background: rgba(11, 110, 79, .1);
     display: flex;
     align-items: center;
     justify-content: center;
     flex: none;
 }
 
 .ph-upload .text {
     font-size: .85rem;
 }
 
 .ph-upload .text strong {
     display: block;
     color: var(--ink);
     font-weight: 600;
 }
 
 .ph-upload .text span {
     color: var(--muted);
     font-size: .78rem;
 }
 
 .btn-ph-submit {
     width: 100%;
     background: var(--coral);
     border: 1px solid var(--coral);
     color: #fff;
     font-weight: 700;
     padding: .85rem 1.3rem;
     border-radius: 10px;
     font-size: .98rem;
     margin-top: .4rem;
     transition: background .12s ease, transform .12s ease;
 }
 
 .btn-ph-submit:hover {
     background: var(--coral-deep);
     transform: translateY(-1px);
 }
 
 .ph-terms {
     font-size: .78rem;
     color: var(--muted);
     margin-top: .8rem;
     text-align: center;
 }
 
 @media (max-width: 767px) {
     .carousel-item .slide {
         min-height: 400px;
     }
     .slide .content {
         padding: 2rem 1.6rem;
     }
     .slide .art {
         width: 60%;
         opacity: .5;
     }
     .ph-signup {
         margin-top: -40px;
         padding-bottom: 3rem;
     }
     .ph-row2 {
         flex-direction: column;
         gap: 0;
     }
     #phCarousel .carousel-indicators {
         right: 1.2rem;
         top: 1rem;
     }
 }
 /* ---------- pricing ---------- */
 
 .ph-pricing {
     padding: 1rem 1rem 5rem;
 }
 
 .ph-pricing-head {
     text-align: center;
     max-width: 36rem;
     margin: 0 auto 2.8rem;
 }
 
 .ph-pricing-head .ph-eyebrow-static {
     font-family: 'JetBrains Mono', monospace;
     font-size: .76rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: var(--teal-deep);
     background: rgba(27, 111, 201, .1);
     display: inline-block;
     padding: .35rem .7rem;
     border-radius: 999px;
     margin-bottom: .9rem;
 }
 
 .ph-pricing-head h2 {
     font-weight: 800;
     font-size: clamp(1.5rem, 3vw, 2.1rem);
     margin-bottom: .6rem;
     color: var(--teal-darker);
 }
 
 .ph-pricing-head p {
     color: var(--muted);
     font-size: .98rem;
     margin-bottom: 0;
 }
 
 .ph-price-grid {
     max-width: 1040px;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     gap: 1.4rem;
     align-items: stretch;
 }
 
 .ph-price-card {
     flex: 1 1 280px;
     min-width: 260px;
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 16px;
     padding: 2rem 1.7rem;
     display: flex;
     flex-direction: column;
     position: relative;
 }
 
 .ph-price-card.featured {
     border: 2px solid var(--coral);
     box-shadow: 0 24px 48px -24px rgba(196, 24, 58, .3);
     transform: translateY(-8px);
 }
 
 .ph-price-badge {
     position: absolute;
     top: -13px;
     left: 50%;
     transform: translateX(-50%);
     background: var(--coral);
     color: #fff;
     font-family: 'JetBrains Mono', monospace;
     font-size: .7rem;
     font-weight: 600;
     letter-spacing: .05em;
     text-transform: uppercase;
     padding: .3rem .7rem;
     border-radius: 999px;
     white-space: nowrap;
 }
 
 .ph-price-name {
     font-weight: 700;
     font-size: 1.1rem;
     margin-bottom: .3rem;
     color: var(--ink);
 }
 
 .ph-price-desc {
     color: var(--muted);
     font-size: .85rem;
     margin-bottom: 1.3rem;
     min-height: 2.6em;
 }
 
 .ph-price-amount {
     display: flex;
     align-items: baseline;
     gap: .3rem;
     font-family: 'JetBrains Mono', monospace;
     margin-bottom: 1.5rem;
 }
 
 .ph-price-amount .num {
     font-size: 2.1rem;
     font-weight: 700;
     color: var(--teal-darker);
 }
 
 .ph-price-amount .per {
     font-size: .85rem;
     color: var(--muted);
 }
 
 .ph-price-list {
     list-style: none;
     padding: 0;
     margin: 0 0 1.6rem;
     display: flex;
     flex-direction: column;
     gap: .65rem;
     flex: 1;
 }
 
 .ph-price-list li {
     display: flex;
     gap: .55rem;
     font-size: .88rem;
     color: var(--ink);
 }
 
 .ph-price-list li svg {
     flex: none;
     margin-top: .15rem;
 }
 
 .btn-ph-plan {
     width: 100%;
     text-align: center;
     background: #fff;
     border: 1.5px solid var(--teal);
     color: var(--teal-deep);
     font-weight: 700;
     padding: .7rem 1.2rem;
     border-radius: 10px;
     font-size: .92rem;
     transition: background .12s ease, color .12s ease, transform .12s ease;
 }
 
 .btn-ph-plan:hover {
     background: var(--teal);
     color: #fff;
     transform: translateY(-1px);
 }
 
 .ph-price-card.featured .btn-ph-plan {
     background: var(--coral);
     border-color: var(--coral);
     color: #fff;
 }
 
 .ph-price-card.featured .btn-ph-plan:hover {
     background: var(--coral-deep);
 }
 
 @media (max-width: 767px) {
     .ph-price-card.featured {
         transform: none;
     }
 }
 /* ---------- who we are ---------- */
 
 .ph-about {
     padding: 1rem 1rem 5rem;
 }
 
 .ph-about-wrap {
     max-width: 1040px;
     margin: 0 auto;
     background: linear-gradient(160deg, var(--teal-darker), var(--teal-deep));
     border-radius: 18px;
     padding: 3rem 2.6rem;
     display: flex;
     flex-wrap: wrap;
     gap: 2.5rem;
     color: #fff;
     position: relative;
     overflow: hidden;
 }
 
 .ph-about-wrap .art {
     position: absolute;
     right: -30px;
     bottom: -40px;
     width: 220px;
     opacity: .5;
     pointer-events: none;
 }
 
 .ph-about-wrap .art svg {
     width: 100%;
     height: auto;
 }
 
 .ph-about-text {
     flex: 1 1 320px;
     min-width: 260px;
     position: relative;
     z-index: 2;
 }
 
 .ph-about-text .ph-eyebrow-static {
     font-family: 'JetBrains Mono', monospace;
     font-size: .76rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: #fff;
     background: rgba(255, 255, 255, .14);
     display: inline-block;
     padding: .35rem .7rem;
     border-radius: 999px;
     margin-bottom: 1rem;
 }
 
 .ph-about-text h2 {
     font-weight: 800;
     font-size: clamp(1.5rem, 3vw, 2rem);
     margin-bottom: .9rem;
 }
 
 .ph-about-text p {
     color: rgba(255, 255, 255, .82);
     font-size: .98rem;
     max-width: 36rem;
     margin-bottom: 0;
 }
 
 .ph-about-stats {
     flex: 1 1 280px;
     min-width: 240px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1.3rem;
     position: relative;
     z-index: 2;
 }
 
 .ph-about-stats .stat {
     background: rgba(255, 255, 255, .08);
     border: 1px solid rgba(255, 255, 255, .14);
     border-radius: 12px;
     padding: 1.1rem 1.2rem;
 }
 
 .ph-about-stats .stat .num {
     font-family: 'JetBrains Mono', monospace;
     font-weight: 700;
     font-size: 1.5rem;
     color: #fff;
     display: block;
     margin-bottom: .2rem;
 }
 
 .ph-about-stats .stat .label {
     font-size: .78rem;
     color: rgba(255, 255, 255, .72);
 }
 
 @media (max-width: 575px) {
     .ph-about-wrap {
         padding: 2.2rem 1.6rem;
     }
 }
 /* ---------- specialties (full width) ---------- */
 
 .ph-specialties {
     background: var(--card);
     border-top: 1px solid var(--line);
     border-bottom: 1px solid var(--line);
     padding: 3.6rem 0 3.2rem;
 }
 
 .ph-specialties-head {
     text-align: center;
     max-width: 36rem;
     margin: 0 auto 2.6rem;
     padding: 0 1rem;
 }
 
 .ph-specialties-head .ph-eyebrow-static {
     font-family: 'JetBrains Mono', monospace;
     font-size: .76rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: var(--teal-deep);
     background: rgba(27, 111, 201, .1);
     display: inline-block;
     padding: .35rem .7rem;
     border-radius: 999px;
     margin-bottom: .9rem;
 }
 
 .ph-specialties-head h2 {
     font-weight: 800;
     font-size: clamp(1.5rem, 3vw, 2.1rem);
     margin-bottom: .6rem;
     color: var(--teal-darker);
 }
 
 .ph-specialties-head p {
     color: var(--muted);
     font-size: .98rem;
     margin-bottom: 0;
 }
 
 .ph-specialty-row {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
 }
 
 .ph-specialty-col {
     flex: 1 1 0;
     min-width: 220px;
     padding: 0 2.2rem;
     border-left: 1px solid var(--line);
     text-align: left;
 }
 
 .ph-specialty-col:first-child {
     border-left: none;
 }
 
 .ph-specialty-icon {
     width: 48px;
     height: 48px;
     border-radius: 12px;
     background: rgba(27, 111, 201, .1);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 1.1rem;
 }
 
 .ph-specialty-col h3 {
     font-size: 1.05rem;
     font-weight: 700;
     margin-bottom: .5rem;
     color: var(--ink);
 }
 
 .ph-specialty-col p {
     font-size: .88rem;
     color: var(--muted);
     margin-bottom: 0;
     line-height: 1.55;
 }
 
 @media (max-width: 991px) {
     .ph-specialty-col {
         flex: 1 1 50%;
         border-left: none;
         border-top: 1px solid var(--line);
         padding: 1.6rem 1.2rem;
         margin-top: 0;
     }
     .ph-specialty-row {
         padding: 0 1rem;
     }
 }
 
 @media (max-width: 575px) {
     .ph-specialty-col {
         flex: 1 1 100%;
     }
 }
 /* ---------- FAQ ---------- */
 
 .ph-faq {
     padding: 1rem 1rem 5rem;
 }
 
 .ph-faq-head {
     text-align: center;
     max-width: 34rem;
     margin: 0 auto 2.4rem;
 }
 
 .ph-faq-head .ph-eyebrow-static {
     font-family: 'JetBrains Mono', monospace;
     font-size: .76rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: var(--teal-deep);
     background: rgba(27, 111, 201, .1);
     display: inline-block;
     padding: .35rem .7rem;
     border-radius: 999px;
     margin-bottom: .9rem;
 }
 
 .ph-faq-head h2 {
     font-weight: 800;
     font-size: clamp(1.5rem, 3vw, 2.1rem);
     margin-bottom: .6rem;
     color: var(--teal-darker);
 }
 
 .ph-faq-head p {
     color: var(--muted);
     font-size: .98rem;
     margin-bottom: 0;
 }
 
 .ph-faq-wrap {
     max-width: 760px;
     margin: 0 auto;
 }
 
 .ph-accordion-item {
     background: var(--card);
     border: 1px solid var(--line);
     border-radius: 12px !important;
     margin-bottom: .9rem;
     overflow: hidden;
 }
 
 .ph-accordion-item .accordion-button {
     font-family: 'Baloo 2', sans-serif;
     font-weight: 700;
     font-size: 1rem;
     color: var(--ink);
     background: var(--card);
     padding: 1.05rem 1.3rem;
     box-shadow: none;
 }
 
 .ph-accordion-item .accordion-button:not(.collapsed) {
     color: var(--teal-deep);
     background: rgba(27, 111, 201, .06);
 }
 
 .ph-accordion-item .accordion-button:focus {
     box-shadow: none;
     outline: 3px solid var(--teal-deep);
     outline-offset: -3px;
 }
 
 .ph-accordion-item .accordion-button::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%235B7268' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     background-size: 16px;
     width: 16px;
     height: 16px;
 }
 
 .ph-accordion-item .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%230B4A85' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
 .ph-accordion-item .accordion-body {
     padding: 0 1.3rem 1.2rem;
     color: var(--muted);
     font-size: .92rem;
     line-height: 1.6;
 }
 
 .ph-faq-footline {
     text-align: center;
     margin-top: 2rem;
     font-size: .9rem;
     color: var(--muted);
 }
 
 .ph-faq-footline a {
     color: var(--teal-deep);
     font-weight: 600;
     text-decoration: underline;
 }
 /* ---------- footer ---------- */
 
 .ph-footer {
     background: var(--teal-darker);
     color: rgba(255, 255, 255, .72);
     padding: 2.4rem 1rem;
 }
 
 .ph-footer-inner {
     max-width: 1040px;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 1.2rem;
 }
 
 .ph-footer-logo {
     font-family: 'Baloo 2', sans-serif;
     font-weight: 800;
     font-size: 1.05rem;
     color: #fff;
     display: inline-flex;
     align-items: center;
     gap: .5rem;
 }
 
 .ph-footer-logo .cross {
     width: 18px;
     height: 18px;
     border-radius: 5px;
     background: var(--teal);
     position: relative;
     flex: none;
 }
 
 .ph-footer-logo .cross::before,
 .ph-footer-logo .cross::after {
     content: "";
     position: absolute;
     background: #fff;
 }
 
 .ph-footer-logo .cross::before {
     top: 3.5px;
     bottom: 3.5px;
     left: 7.5px;
     width: 3px;
 }
 
 .ph-footer-logo .cross::after {
     left: 3.5px;
     right: 3.5px;
     top: 7.5px;
     height: 3px;
 }
 
 .ph-footer-links {
     display: flex;
     flex-wrap: wrap;
     gap: 1.6rem;
     font-size: .88rem;
 }
 
 .ph-footer-links a {
     color: rgba(255, 255, 255, .72);
     text-decoration: none;
 }
 
 .ph-footer-links a:hover {
     color: #fff;
 }
 
 .ph-footer-copy {
     font-size: .8rem;
     color: rgba(255, 255, 255, .5);
 }
 
 .ph-footer-bottom {
     max-width: 1040px;
     margin: 1.6rem auto 0;
     padding-top: 1.4rem;
     border-top: 1px solid rgba(255, 255, 255, .12);
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap: .6rem;
     font-size: .8rem;
     color: rgba(255, 255, 255, .5);
 }