/* HPC Modern Design System Dark navy/cyan design for HPC Hypnotherapy Glasgow Used with:style.css → hpc-blue.css → hpc-modern.css -------------------------------------------------------- */:root{--hpc-cyan:#00BFF3;--hpc-cyan-dark:#00a9d7;--hpc-dark:#1a2332;--hpc-darker:#0f1720;--hpc-light:#f7f9fa;--hpc-text-light:#e0e6ed;--hpc-text-muted:#94a3b8;--hpc-card-dark:#1e2d3f;--hpc-border-subtle:rgba(0,191,243,0.15);}/* ===== SECTION SYSTEM ===== */.bi-section{padding:50px 0;position:relative;overflow:hidden;width:100%;}.bi-section.dark{background:var(--hpc-dark);color:var(--hpc-text-light);}.bi-section.dark h2,.bi-section.dark h3{color:#fff;}.bi-section.dark p{color:var(--hpc-text-light);}.bi-section.dark a{color:var(--hpc-cyan);}.bi-section.dark a:hover{color:#fff;}.bi-section.light{background:#fff;color:#555;}.bi-section.alt-light{background:var(--hpc-light);color:#555;}/* ===== HERO SECTION ===== */.bi-hero{background:linear-gradient(135deg,var(--hpc-darker) 0%,var(--hpc-dark) 50%,#162435 100%);padding:45px 0 50px;position:relative;color:#fff;overflow:hidden;width:100%;}.bi-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,191,243,0.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,243,0.03) 0%,transparent 40%);pointer-events:none;}.bi-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300BFF3' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;}.bi-hero .container{position:relative;z-index:1;}.bi-hero h2{color:#fff;font-size:36px;font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-0.5px;}.bi-hero p{color:#fff;font-size:16px;line-height:1.7;font-weight:400;margin-bottom:12px;}.bi-hero p strong{color:#fff;font-weight:600;}.bi-hero .bi-col-text h2{margin-bottom:18px;text-align:left;}.bi-cta-glow{display:inline-block;box-shadow:0 4px 25px rgba(0,191,243,0.35);transition:all 0.3s ease;}.bi-cta-glow:hover{box-shadow:0 6px 35px rgba(0,191,243,0.55);transform:translateY(-2px);}.bi-confidence{display:inline-block;margin-top:10px;padding:8px 18px;background:rgba(0,191,243,0.08);border:1px solid rgba(0,191,243,0.2);border-radius:6px;color:var(--hpc-cyan);font-size:15px;font-weight:600;}/* ===== WATERMARK NUMBER ===== */.bi-watermark{position:relative;}.bi-watermark::before{content:attr(data-number);position:absolute;top:-30px;left:-20px;font-size:240px;font-weight:800;color:rgba(0,191,243,0.04);line-height:1;pointer-events:none;z-index:0;}.bi-watermark > *{position:relative;z-index:1;}/* ===== TYPOGRAPHY ===== */.bi-section h2{font-family:'Open Sans',sans-serif;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:-0.3px;}.bi-section .bi-subtitle{font-size:18px;font-weight:300;line-height:1.7;max-width:800px;}.bi-section p{font-size:16px;line-height:1.8;font-weight:300;}.bi-section p strong{font-weight:600;}/* ===== TWO-COL LAYOUT ===== */.bi-two-col{display:flex;align-items:stretch;gap:0;}.bi-two-col .bi-col-image{flex:0 0 38%;position:relative;overflow:hidden;display:flex;border-radius:10px;min-height:350px;align-items:center;justify-content:center;}.bi-two-col .bi-col-text{flex:1;padding-left:40px;}.bi-stat-callout{margin-top:25px;padding:20px 25px;background:rgba(0,191,243,0.08);border-left:4px solid var(--hpc-cyan);border-radius:0 8px 8px 0;}.bi-stat-callout p{color:var(--hpc-text-light);margin:0;font-size:15px;}.bi-stat-callout strong{color:var(--hpc-cyan);}/* ===== USP GRID ===== */.bi-usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;}.bi-usp-card{padding:30px 24px;background:var(--hpc-light);border:1px solid #e8ecf0;border-radius:10px;text-align:center;transition:all 0.3s ease;}.bi-usp-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.08);border-color:var(--hpc-cyan);}.bi-usp-icon{width:58px;height:58px;margin:0 auto 16px;background:rgba(0,191,243,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--hpc-cyan);transition:all 0.3s ease;}.bi-usp-card:hover .bi-usp-icon{background:var(--hpc-cyan);color:#fff;}.bi-usp-card h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--hpc-dark);}.bi-usp-card p{font-size:14px;line-height:1.7;color:#666;margin:0;}/* ===== STEP CARDS ===== */.bi-steps{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}.bi-step-card{flex:1 1 calc(33.333% - 20px);min-width:260px;background:var(--hpc-card-dark);border-radius:10px;padding:28px 24px;border-top:4px solid var(--hpc-cyan);transition:all 0.3s ease;}.bi-step-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,0.3);}.bi-step-num{font-size:42px;font-weight:800;color:var(--hpc-cyan);line-height:1;margin-bottom:10px;opacity:0.7;}.bi-step-card h3{font-size:17px;font-weight:700;margin-bottom:10px;color:#fff;}.bi-step-card p{font-size:14px;line-height:1.75;color:var(--hpc-text-muted);margin:0;}/* ===== CONCERN CARDS ===== */.bi-concern{padding:25px 0;border-bottom:1px solid #eef0f3;}.bi-concern:last-child{border-bottom:none;}.bi-concern:nth-child(odd){border-left:4px solid var(--hpc-cyan);padding-left:25px;}.bi-concern:nth-child(even){border-left:4px solid var(--hpc-cyan-dark);padding-left:25px;}.bi-concern h3{font-size:20px;font-weight:700;color:var(--hpc-dark);margin-bottom:10px;}.bi-concern p{font-size:15px;line-height:1.75;color:#555;margin:0;}.bi-concern a{color:var(--hpc-cyan-dark);}/* ===== COMPARISON CARDS ===== */.bi-compare-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px;align-items:start;}.bi-compare-card{padding:24px 16px;background:var(--hpc-card-dark);border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}.bi-compare-card:hover{transform:translateY(-3px);}.bi-compare-card h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:10px;}.bi-compare-card p{font-size:12px;line-height:1.7;color:var(--hpc-text-muted);margin:0;}.bi-compare-card.highlight{border:2px solid var(--hpc-cyan);padding:32px 20px;background:linear-gradient(180deg,rgba(0,191,243,0.08) 0%,var(--hpc-card-dark) 100%);box-shadow:0 10px 40px rgba(0,191,243,0.15);position:relative;}.bi-compare-card.highlight::before{content:'RECOMMENDED';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--hpc-cyan);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:4px 14px;border-radius:20px;}.bi-compare-rate{display:block;font-size:26px;font-weight:800;margin:12px 0 4px;}.bi-compare-card.highlight .bi-compare-rate{color:var(--hpc-cyan);}.bi-compare-card .bi-compare-rate{color:var(--hpc-text-muted);}.bi-compare-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--hpc-text-muted);}.bi-compare-note{margin-top:25px;max-width:700px;margin-left:auto;margin-right:auto;text-align:center;}/* ===== HEALTH TIMELINE ===== */.bi-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:35px;position:relative;}.bi-timeline::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--hpc-cyan),rgba(0,191,243,0.2));z-index:0;}.bi-timeline-item{text-align:center;flex:0 0 calc(16.666% - 25px);min-width:130px;position:relative;z-index:1;}.bi-timeline-badge{width:80px;height:80px;margin:0 auto 14px;background:linear-gradient(135deg,var(--hpc-cyan),var(--hpc-cyan-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;text-align:center;line-height:1.2;box-shadow:0 6px 20px rgba(0,191,243,0.25);}.bi-timeline-item h3{font-size:13px;font-weight:700;color:var(--hpc-dark);margin-bottom:4px;}.bi-timeline-item p{font-size:12px;color:#666;line-height:1.5;margin:0;}/* ===== FINANCIAL BOX ===== */.bi-financial{display:flex;align-items:center;gap:30px;margin-top:40px;padding:30px;background:var(--hpc-light);border-radius:12px;border:1px solid #e8ecf0;}.bi-financial-image{flex:0 0 280px;border-radius:10px;overflow:hidden;}.bi-financial-text{flex:1;}.bi-financial-text h3{font-size:22px;font-weight:800;color:var(--hpc-dark);margin-bottom:10px;}/* ===== TESTIMONIAL CARDS ===== */.bi-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;}.bi-testimonial-card{background:var(--hpc-card-dark);border-radius:10px;padding:30px 25px;border-left:4px solid var(--hpc-cyan);position:relative;transition:all 0.3s ease;}.bi-testimonial-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,0.3);}.bi-testimonial-card::before{content:'\201C';font-size:70px;font-weight:800;color:var(--hpc-cyan);opacity:0.2;position:absolute;top:8px;left:18px;line-height:1;font-family:Georgia,serif;}.bi-testimonial-card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:12px;position:relative;}.bi-testimonial-card p{font-style:italic;color:var(--hpc-text-muted);font-size:14px;line-height:1.75;}.bi-testimonial-card .bi-author{font-style:normal;font-weight:700;color:var(--hpc-cyan);font-size:13px;margin-top:14px;}/* ===== TESTIMONIAL AVATAR ===== */.bi-testimonial-avatar{display:flex;align-items:center;gap:12px;margin-top:14px;}.bi-testimonial-avatar .bi-author{margin-top:0;}/* ===== FAQ SECTION ===== */.bi-faq-item{padding:22px 0;border-bottom:1px solid #eef0f3;}.bi-faq-item:last-child{border-bottom:none;}.bi-faq-item h3{font-size:18px;font-weight:700;color:var(--hpc-dark);margin-bottom:10px;}.bi-faq-item p{font-size:15px;line-height:1.8;color:#555;margin:0;}/* ===== PRE-CTA CARD ===== */.bi-pre-cta{padding:50px 0 10px 0;width:100%;}.bi-pre-cta-card{max-width:680px;margin:0 auto;background:#fff;border-radius:10px;padding:32px 36px;box-shadow:0 2px 15px rgba(0,0,0,0.06);text-align:center;}.bi-pre-cta-card i{font-size:28px;color:var(--hpc-cyan);margin-bottom:14px;display:block;}.bi-pre-cta-card h3{font-size:20px;margin-bottom:10px;color:#333;}.bi-pre-cta-card p{font-size:15px;line-height:1.7;color:#777;margin-bottom:0;}a.bi-phone-link{color:var(--hpc-cyan);font-weight:700;font-size:18px;}/* ===== DISCLAIMER ===== */.bi-disclaimer{padding:25px 0;background:var(--hpc-light);}.bi-disclaimer p{font-size:12px;color:#888;line-height:1.6;margin:0 0 8px;}.bi-disclaimer p:last-child{margin-bottom:0;}/* ===== IMAGE PLACEHOLDERS ===== */.img-placeholder{box-sizing:border-box;}/* ===== UTILITY CLASSES (replace inline styles) ===== */.bi-hero-img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;border-radius:8px;}.bi-col-img{width:100%;height:100%;min-height:350px;object-fit:cover;border-radius:8px;}.bi-section-img{width:100%;height:300px;object-fit:cover;border-radius:8px;margin:25px 0;}.bi-section-img--top{margin:30px 0 0;}.bi-section-img--health{height:295px;}.bi-centered{text-align:center;max-width:700px;margin:0 auto;}.bi-centered--narrow{max-width:600px;}.bi-subtitle--centered{margin:0 auto;}.bi-link-cyan{color:var(--hpc-cyan);}.bi-note-text{color:var(--hpc-text-muted);font-size:14px;}.bi-clinic-row{display:flex;align-items:center;gap:30px;margin-top:35px;}.bi-clinic-img-col{flex:0 0 280px;}.bi-clinic-img{width:100%;max-width:280px;height:280px;object-fit:cover;border-radius:8px;}.bi-clinic-text-col{flex:1;}.bi-financial-img{width:100%;max-width:280px;height:220px;object-fit:cover;border-radius:8px;}.bi-avatar-placeholder{width:50px;max-width:50px;height:50px;background:#e8f4f8;border:2px dashed #00BFF3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;color:#00BFF3;font-family:'Open Sans',sans-serif;flex-shrink:0;}.bi-avatar-placeholder span{font-size:18px;}.bi-cta-room-img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto 20px auto;display:block;border:2px solid var(--hpc-cyan);}.bi-mt-10{margin-top:10px;}.bi-mt-18{margin-top:18px;}.bi-mb-5{margin-bottom:5px;}/* ===== SERVICES GRID (homepage) ===== */.bi-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;}.bi-service-card{padding:24px 20px;background:#fff;border:1px solid #e8ecf0;border-radius:10px;transition:all 0.3s ease;}.bi-service-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.08);border-color:var(--hpc-cyan);}.bi-service-card h4{font-size:15px;font-weight:700;color:var(--hpc-dark);margin-bottom:6px;}.bi-service-card p{font-size:13px;line-height:1.6;color:#666;margin:0 0 10px;}.bi-service-card a{font-size:13px;font-weight:600;color:var(--hpc-cyan);text-decoration:none;}.bi-service-card a:hover{color:var(--hpc-cyan-dark);}.bi-category-heading{font-size:20px;font-weight:800;color:var(--hpc-dark);margin:35px 0 15px;padding-bottom:8px;border-bottom:3px solid var(--hpc-cyan);display:inline-block;}.bi-category-heading:first-of-type{margin-top:20px;}/* ===== LOGO GRID ===== */.bi-logo-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;margin-top:25px;}.bi-logo-grid img{max-height:60px;width:auto;filter:grayscale(40%);opacity:0.8;transition:all 0.3s ease;}.bi-logo-grid img:hover{filter:grayscale(0%);opacity:1;}/* ===== HERO H1 ===== */.bi-hero h1{color:#fff;font-size:36px;font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-0.5px;}/* ===== RESPONSIVE ===== */@media (max-width:960px){.bi-hero h2{font-size:28px;}.bi-section h2{font-size:26px;}.bi-two-col{flex-direction:column;}.bi-two-col .bi-col-image{flex:none;min-height:220px;margin-bottom:25px;}.bi-two-col .bi-col-text{padding-left:0;}.bi-usp-grid{grid-template-columns:repeat(2,1fr);}.bi-compare-grid{grid-template-columns:repeat(2,1fr);}.bi-compare-card.highlight{grid-column:1 / -1;}.bi-testimonials{grid-template-columns:1fr;}.bi-timeline::before{display:none;}.bi-timeline{gap:18px;}.bi-timeline-item{flex:0 0 calc(33.333% - 18px);}.bi-financial{flex-direction:column;}.bi-financial-image{flex:none;width:100%;}.bi-steps{gap:16px;}.bi-step-card{flex:1 1 calc(50% - 16px);}.bi-stone-row{flex-direction:column;}.bi-stone-row > div:first-child{flex:none;width:100%;}.bi-clinic-row{flex-direction:column;}.bi-clinic-img-col{flex:none;width:100%;}.bi-services-grid{grid-template-columns:repeat(2,1fr);}.bi-hero h1{font-size:28px;}}@media (max-width:600px){.bi-section{padding:40px 0;}.bi-hero{padding:35px 0 40px;}.bi-hero h2{font-size:24px;}.bi-usp-grid{grid-template-columns:1fr;}.bi-compare-grid{grid-template-columns:1fr;}.bi-step-card{flex:1 1 100%;}.bi-timeline-item{flex:0 0 calc(50% - 18px);}.bi-services-grid{grid-template-columns:1fr;}.bi-hero h1{font-size:24px;}.bi-logo-grid{gap:20px;}.bi-logo-grid img{max-height:45px;}}