
.phase58-hero {
    padding: 170px 0 90px;
    color: #fff;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(255,101,16,.22),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #081329,
            #172b57
        );
}

.phase58-hero span,
.phase58-eyebrow,
.phase58-heading > span {
    display: block;
    margin-bottom: 14px;
    color: #ff8a45;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.phase58-hero h1 {
    max-width: 850px;
    margin: 0 0 20px;
    font-family: Oswald, sans-serif;
    font-size: clamp(44px, 7vw, 84px);
    line-height: 1;
}

.phase58-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: 18px;
    line-height: 1.7;
}

.phase58-section {
    padding: 92px 0;
}

.phase58-soft {
    background: #f4f7fb;
}

.phase58-feature-image {
    width: 100%;
    min-height: 520px;
    object-fit: cover;
    border-radius: 28px;
}

.phase58-section h2 {
    color: #0b1732;
    font-family: Oswald, sans-serif;
    font-size: clamp(34px, 5vw, 58px);
}

.phase58-section p {
    color: #64748b;
    line-height: 1.8;
}

.phase58-value-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 28px;
}

.phase58-value-grid > div,
.phase58-card {
    padding: 22px;
    border: 1px solid #dde5ef;
    border-radius: 18px;
    background: #fff;
}

.phase58-value-grid i,
.phase58-card > i {
    margin-right: 10px;
    color: #ff6510;
    font-size: 20px;
}

.phase58-heading {
    margin-bottom: 42px;
}

.phase58-card h3 {
    margin: 18px 0 10px;
    color: #0b1732;
}

.phase58-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 38px;
}

.phase58-filter a,
.phase58-tags span {
    padding: 8px 13px;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.phase58-filter a.active,
.phase58-filter a:hover {
    border-color: #ff6510;
    background: #ff6510;
    color: #fff;
}

.phase58-service-card,
.phase58-barber-card {
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.phase58-service-card {
    padding: 24px;
}

.phase58-service-image,
.phase58-barber-image {
    height: 250px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: 18px;
    background: #eef2f7;
    color: #ff6510;
    font-size: 48px;
}

.phase58-service-image img,
.phase58-barber-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.phase58-service-card > span,
.phase58-barber-body > span {
    color: #ff6510;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.phase58-service-card h2,
.phase58-barber-card h2 {
    margin: 10px 0;
    font-size: 28px;
}

.phase58-service-meta,
.phase58-barber-stats {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin: 22px 0;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
}

.phase58-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 20px;
}

.phase58-barber-body {
    padding: 0 24px 24px;
}

.phase58-barber-stats > div {
    flex: 1;
    text-align: center;
}

.phase58-barber-stats strong,
.phase58-barber-stats small {
    display: block;
}

.phase58-barber-stats small {
    color: #64748b;
}

.phase58-empty {
    padding: 70px 24px;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    text-align: center;
    color: #64748b;
}

.phase58-contact-form {
    padding: 30px;
    border: 1px solid #dbe3ef;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.phase58-contact-form .form-control {
    min-height: 50px;
    border-radius: 12px;
}

.phase58-contact-details {
    padding: 30px;
    border-radius: 24px;
    background: #0b1732;
    color: #fff;
}

.phase58-contact-details > a,
.phase58-contact-details > div {
    display: flex;
    gap: 14px;
    margin-top: 22px;
    color: #fff;
    text-decoration: none;
}

.phase58-contact-details i {
    color: #ff6510;
    font-size: 20px;
}

.phase58-contact-details small,
.phase58-contact-details span {
    display: block;
}

.phase58-contact-details small {
    color: rgba(255,255,255,.55);
}

.phase58-branch {
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
}

.phase58-branch strong,
.phase58-branch span,
.phase58-branch small {
    display: block;
}

.phase58-branch span,
.phase58-branch small {
    margin-top: 5px;
    color: #64748b;
}

.phase58-map {
    overflow: hidden;
    border-radius: 24px;
}

.phase58-map iframe {
    width: 100%;
    min-height: 440px;
    border: 0;
}

.phase58-narrow,
.phase58-legal {
    max-width: 900px;
}

.phase58-legal h2 {
    margin-top: 38px;
    font-size: 30px;
}

.phase58-legal h2:first-child {
    margin-top: 0;
}

.accordion-item {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #dbe3ef !important;
    border-radius: 16px !important;
}

.accordion-button {
    padding: 21px;
    color: #0b1732;
    font-weight: 800;
}

.accordion-button:not(.collapsed) {
    color: #0b1732;
    background: #fff3eb;
    box-shadow: none;
}

@media (max-width: 767px) {
    .phase58-hero {
        padding: 130px 0 65px;
    }

    .phase58-section {
        padding: 65px 0;
    }

    .phase58-value-grid {
        grid-template-columns: 1fr;
    }

    .phase58-feature-image {
        min-height: 360px;
    }

    .phase58-contact-form {
        padding: 20px;
    }
}

/* Phase 65 — Public website completion */
.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}.lucent-page-hero,.lucent-detail-hero,.lucent-app-hero{background:linear-gradient(135deg,#071226 0%,#10264d 70%,#173764 100%);color:#fff;padding:8.5rem 0 5rem}.lucent-page-hero h1,.lucent-detail-hero h1,.lucent-app-hero h1{font-family:Oswald,sans-serif;font-size:clamp(2.8rem,7vw,5.8rem);max-width:920px;line-height:.98;margin:.8rem 0 1.4rem}.lucent-page-hero p,.lucent-detail-hero p,.lucent-app-hero p{font-size:1.08rem;line-height:1.8;max-width:720px;color:rgba(255,255,255,.74)}.lucent-eyebrow{display:inline-flex;color:#d6b56d;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.76rem}.lucent-premium-card,.lucent-offer-card,.lucent-empty-panel,.lucent-simple-card{position:relative;border:1px solid #e5e9f0;border-radius:28px;background:#fff;padding:2rem;box-shadow:0 20px 60px rgba(8,23,50,.08);display:flex;flex-direction:column}.lucent-premium-card.is-featured{background:#0b1732;color:#fff;transform:translateY(-8px)}.lucent-premium-card.is-featured .text-secondary{color:rgba(255,255,255,.7)!important}.lucent-plan-badge,.lucent-offer-label{align-self:flex-start;background:#d6b56d;color:#08152d;border-radius:999px;padding:.4rem .8rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lucent-premium-card h2,.lucent-offer-card h2{font-size:1.55rem;margin:1.2rem 0 .75rem}.lucent-plan-price{font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:700}.lucent-feature-list{list-style:none;padding:0;margin:1.25rem 0 2rem;display:grid;gap:.8rem}.lucent-feature-list i{color:#d6b56d;margin-right:.55rem}.lucent-primary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#d6b56d;color:#071226!important;text-decoration:none;font-weight:800;padding:.95rem 1.35rem;align-self:flex-start}.lucent-offer-icon{width:54px;height:54px;border-radius:18px;background:#eef3fb;color:#0b1732;display:grid;place-items:center;font-size:1.4rem}.lucent-offer-value{font-family:Oswald,sans-serif;color:#0b1732;font-size:2rem;margin:1rem 0}.lucent-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.lucent-section-heading h2{font-size:clamp(2rem,4vw,3.4rem);font-family:Oswald,sans-serif}.lucent-section-heading a{font-weight:800;color:#0b1732}.lucent-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.lucent-gallery-tile,.lucent-barber-portrait{position:relative;display:block;overflow:hidden;border-radius:26px;min-height:280px;background:#0b1732;color:#fff;text-decoration:none}.lucent-gallery-tile img,.lucent-barber-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s ease}.lucent-gallery-tile:after,.lucent-barber-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(3,10,24,.9))}.lucent-gallery-tile span,.lucent-barber-portrait span{position:absolute;z-index:2;left:1.2rem;bottom:1.1rem;font-weight:800}.lucent-gallery-tile:hover img,.lucent-barber-portrait:hover img{transform:scale(1.05)}.lucent-barber-portrait{min-height:360px}.lucent-phone-showcase{min-height:500px;border-radius:42px;background:radial-gradient(circle at 50% 30%,rgba(214,181,109,.28),transparent 45%),#061023;display:grid;place-items:center;padding:2rem}.lucent-phone-card{width:min(310px,100%);min-height:430px;border:10px solid #111c2f;border-radius:48px;background:linear-gradient(160deg,#fff,#edf3fb);color:#0b1732;box-shadow:0 35px 90px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.lucent-phone-card i{font-size:4rem;color:#d6b56d}.lucent-phone-card strong{font-family:Oswald,sans-serif;font-size:2rem;margin:1rem 0}.lucent-app-features{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.lucent-app-features span{color:rgba(255,255,255,.8)}.lucent-detail-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.lucent-detail-meta span,.lucent-chip-row span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:.65rem .9rem}.lucent-detail-price{font-family:Oswald,sans-serif;color:#d6b56d;font-size:2.3rem;margin-bottom:1.4rem}.lucent-detail-image,.lucent-barber-profile-image{height:520px;border-radius:38px;overflow:hidden;background:#101f3c;box-shadow:0 35px 80px rgba(0,0,0,.25)}.lucent-detail-image img,.lucent-barber-profile-image img{width:100%;height:100%;object-fit:cover}.lucent-image-placeholder{height:100%;display:grid;place-items:center;font-size:6rem;color:#d6b56d}.lucent-rating{color:#d6b56d;font-weight:800;margin-bottom:1.2rem}.lucent-chip-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.lucent-simple-card{text-decoration:none;color:#0b1732;min-height:140px}.lucent-simple-card h3{font-size:1.1rem}.lucent-empty-panel i{font-size:3rem;color:#d6b56d}.lucent-empty-panel{min-height:240px;align-items:center;justify-content:center}
@media(max-width:991.98px){.lucent-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lucent-premium-card.is-featured{transform:none}.lucent-detail-image,.lucent-barber-profile-image{height:430px}}@media(max-width:575.98px){.lucent-page-hero,.lucent-detail-hero,.lucent-app-hero{padding:7rem 0 3.5rem}.lucent-gallery-grid{grid-template-columns:1fr}.lucent-section-heading{align-items:flex-start;flex-direction:column}.lucent-barber-portrait{min-height:300px}.lucent-detail-image,.lucent-barber-profile-image{height:360px}.lucent-app-features{flex-direction:column}}


/* Phase 65: consistent Lucent public detail colours */
.lucent-page-hero,.lucent-detail-hero,.lucent-app-hero{background:radial-gradient(circle at 88% 20%,rgba(255,95,20,.22),transparent 28rem),linear-gradient(135deg,#071226 0%,#111b45 64%,#25254d 100%)}.lucent-eyebrow,.lucent-detail-price{color:#ff6a13}.lucent-premium-card,.lucent-offer-card{overflow:hidden;border-color:#dde4ee}.lucent-premium-card:before,.lucent-offer-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff6a13,#e1ba65)}.lucent-premium-card.is-featured{background:linear-gradient(145deg,#071226,#182351)}.lucent-plan-badge,.lucent-offer-label{background:#e1ba65;color:#071226}.lucent-primary-link{background:#ff6a13;color:#fff!important;border-radius:12px}.lucent-primary-link:hover{background:#e95308;color:#fff!important}.lucent-offer-icon{background:#fff0e7;color:#ff6a13}.lucent-offer-value{color:#ff6a13}.lucent-premium-card h2,.lucent-offer-card h2,.lucent-simple-card h3{color:#071226}.lucent-premium-card.is-featured h2{color:#fff}.lucent-detail-meta span{border-color:rgba(255,255,255,.25)}

/* Home-service location and transport estimate */
.booking-location-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.home-service-estimate {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(15, 35, 72, .12);
    border-radius: 1rem;
    background: linear-gradient(135deg, #f8fafc, #fff7ed);
}

.home-service-estimate > div {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.home-service-estimate small {
    color: #64748b;
}

.home-service-estimate strong {
    color: #0f2348;
    font-size: 1.05rem;
}

@media (max-width: 767.98px) {
    .home-service-estimate {
        grid-template-columns: 1fr;
    }
}
