:root { --primary-blue: #124f90;
--secondary-blue: #232F58;
--accent-red: #ce122d; --rigicon-logo-blue: #195090;
--rigicon-logo-red: #ce0e2d; --premier-blue: #1B358A;
--dark-blue: #112657;
--light-blue: #D1D9F0; --background-soft: #e8eef5;
--background-white: #ffffff;
--light-gray: #F5F5F5; --text-color: #232F58;
--text-muted: #5a6c84;
--text-light: #8a8a8a; --shadow-light: rgba(0, 0, 0, 0.04);
--shadow-medium: rgba(0, 0, 0, 0.06);
--shadow-strong: rgba(0, 0, 0, 0.08); --hover-blue: #0f4080;
--focus-outline: #ffbf47;
--border-color: #e8ecf1;
--border-hover: var(--primary-blue);
} *{margin:0;padding:0;box-sizing:border-box;}
em{color:inherit !important;}
body{font-family:'Montserrat', sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--background-soft);font-weight:400;}
h1, h2, h3, h4, h5, h6{font-weight:600;line-height:1.2;color:var(--secondary-blue);}
h1{font-size:3rem;font-weight:700;}
h2{font-size:2rem;font-weight:600;}
h3{font-size:1.5rem;font-weight:600;}
h4{font-size:1.25rem;font-weight:500;}
p {
margin-bottom: 1rem;
} a{color:var(--primary-blue);text-decoration:none;transition:color 0.3s ease;}
a:hover{color:var(--hover-blue);text-decoration:none;}
img{max-width:100%;height:auto;}
.patient-p-container{max-width:1440px;margin:0 auto;}
.patient-p-btn-primary, .patient-p-btn-secondary, .patient-p-btn-primary{background-color:var(--primary-blue);color:white;}
.patient-p-btn-primary:hover{background-color:var(--hover-blue);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium);}
.patient-p-btn-secondary{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);}
.patient-p-btn-secondary:hover{background-color:var(--primary-blue);color:white;transform:translateY(-2px);}
.header{background-color:white;box-shadow:0 2px 10px var(--shadow-light);position:sticky;top:0;z-index:1000;transition:all 0.3s ease;}
.header.scrolled{box-shadow:0 4px 20px var(--shadow-medium);}
.header-content{display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.logo{display:flex;align-items:center;}
.logo img{height:40px;width:auto;}
.patient-p-primary-nav{display:flex;gap:30px;}
.patient-p-primary-nav a{color:var(--text-color);font-weight:500;transition:color 0.3s ease;}
.patient-p-primary-nav a:hover{color:var(--primary-blue);}
.header-controls{display:flex;gap:15px;align-items:center;}
.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;}
.patient-p-mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:white;z-index:2000;transition:right 0.3s ease;}
.patient-p-mobile-nav.active{right:0;}
.patient-p-mobile-nav-content{padding:20px;height:100%;display:flex;flex-direction:column;}
.patient-p-mobile-nav-close{align-self:flex-end;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;margin-bottom:30px;}
.patient-p-mobile-nav nav{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;}
.patient-p-mobile-nav nav a{font-size:1.125rem;font-weight:500;color:var(--text-color);padding:10px 0;border-bottom:1px solid var(--border-color);}
.patient-p-mobile-nav-actions{display:flex;flex-direction:column;gap:15px;}
.hero{background:linear-gradient(135deg, var(--light-blue) 0%, var(--background-white) 100%);padding:60px 0 80px 0;}
.hero-content{display:flex;align-items:flex-start;gap:60px;max-width:1440px;margin:0 auto;}
.hero-text{flex:1;text-align:left;}
.hero-image{width:100%;height:300px;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px var(--shadow-strong);margin:20px 0;}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:16px;}
.hero-buttons{flex-shrink:0;width:450px;background:white !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255, 255, 255, 0.2) !important;box-shadow:0 25px 50px rgba(18, 79, 144, 0.15), 0 15px 35px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(18, 79, 144, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;border-radius:24px !important;padding:40px 1px !important;margin:0 !important;position:relative !important;overflow:hidden !important;display:flex;flex-direction:column;align-items:center;gap:20px;}
.hero-buttons .hero-button-primary{background-color:white;color:#232f58;border:none;}
.hero-buttons .hero-button-primary:hover{background-color:#f8f9ff;color:#232f58;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 255, 255, 0.3);}
.hero-buttons .hero-button-primary:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed;}
.hero-buttons .hero-button-primary:disabled:hover{background-color:white;color:#232f58;transform:none;box-shadow:none;}
.hero-buttons .hero-button-secondary{background-color:transparent;color:white;border:2px solid white;align-self:center;max-width:280px;font-size:0.9rem;padding:12px 20px;}
.hero-buttons .hero-button-secondary:hover{background-color:white;color:#232f58;border-color:white;transform:translateY(-2px);}
.hero h1{margin-bottom:20px;color:var(--secondary-blue);}
.hero-subtitle{font-size:1.5rem;color:var(--secondary-blue);margin-bottom:20px;font-weight:600;line-height:1.2;}
.hero-description{margin-bottom:40px;}
.hero-description-main{font-size:1.1rem;color:var(--secondary-blue);font-weight:600;line-height:1.4;margin-bottom:20px;text-align:left;}
.hero-benefits-list{display:flex;flex-direction:column;gap:16px;margin-top:15px;}
.hero-benefit-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);border:1px solid rgba(255, 255, 255, 0.1);border-radius:12px;transition:all 0.3s ease;backdrop-filter:blur(8px);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.hero-benefit-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom, var(--secondary-blue), rgba(44, 130, 201, 0.6));border-radius:0 2px 2px 0;transition:width 0.3s ease;}
.hero-benefit-item:hover{transform:translateX(4px);background:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);border-color:rgba(255, 255, 255, 0.2);box-shadow:0 4px 6px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.15);}
.hero-benefit-item:hover::before{width:6px;}
.hero-benefit-icon{width:42px;height:42px;background:linear-gradient(135deg, var(--secondary-blue), rgba(44, 130, 201, 0.8));border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(44, 130, 201, 0.3);transition:all 0.3s ease;}
.hero-benefit-item:hover .hero-benefit-icon{transform:scale(1.05);box-shadow:0 6px 16px rgba(44, 130, 201, 0.4);}
.hero-benefit-icon i{color:white;font-size:18px;}
.hero-benefit-content{flex:1;display:flex;flex-direction:column;gap:2px;}
.hero-benefit-content h4{font-size:1rem;font-weight:700;color:var(--text-color);margin:0;letter-spacing:-0.01em;line-height:1.3;}
.hero-benefit-content p{font-size:0.9rem;color:var(--text-muted);line-height:1.4;margin:0;font-weight:400;}
@media(min-width:992px){
.hero-benefits-list{flex-direction:row;flex-wrap:wrap;gap:20px;}
.hero-benefit-item{flex:1 1 calc(50% - 10px);min-width:300px;}
} @media(max-width:768px){
.hero-benefits-list{gap:14px;margin-top:12px;}
.hero-benefit-item{padding:14px;gap:12px;}
.hero-benefit-icon{width:40px;height:40px;}
.hero-benefit-icon i{font-size:16px;}
.hero-benefit-content h4{font-size:0.95rem;}
.hero-benefit-content p{font-size:0.85rem;}
}
@media(max-width:480px){
.hero-description-main{font-size:1rem;margin-bottom:16px;}
.hero-benefits-list{gap:12px;margin-top:10px;}
.hero-benefit-item{padding:12px;gap:10px;}
.hero-benefit-icon{width:36px;height:36px;}
.hero-benefit-icon i{font-size:14px;}
.hero-benefit-content h4{font-size:0.9rem;}
.hero-benefit-content p{font-size:0.8rem;}
}
.trust-indicators{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;}
.trust-indicators span{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.875rem;}
.trust-indicators i{color:var(--primary-blue);}
@media(max-width:1024px){
.trust-indicators{grid-template-columns:repeat(2, 1fr);}
} @media(max-width:768px){
.trust-indicators{grid-template-columns:1fr;}
} .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary-blue);margin-bottom:20px;text-align:center;}
.section-subtitle{font-size:1.75rem;font-weight:600;color:var(--secondary-blue);margin-bottom:30px;margin-top:40px;text-align:center;}
.section-description{font-size:1.125rem;color:var(--text-muted);margin-bottom:40px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;}
.patient-ipp-timeline-section{padding:80px 0;background-color:var(--background-soft);}
.patient-ipp-timeline-cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;margin-top:40px;}
.patient-ipp-timeline-card{background-color:white;border-radius:16px;padding:30px;position:relative;box-shadow:0 4px 14px var(--shadow-light);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.3s ease;}
.patient-ipp-timeline-card:hover{transform:translateY(-5px);box-shadow:0 8px 28px var(--shadow-strong);}
.patient-ipp-timeline-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:40px;height:40px;background-color:var(--primary-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;}
.patient-ipp-timeline-icon{width:60px;height:60px;background-color:var(--light-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px 0;font-size:1.5rem;color:var(--primary-blue);}
.patient-ipp-timeline-card h3{margin-bottom:15px;color:var(--secondary-blue);}
.patient-ipp-timeline-card p{color:var(--text-muted);font-size:0.95rem;}
.patient-ipp-faqs-section{padding:80px 0;background-color:white;}
.patient-ipp-faq-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:1200px;margin:0 auto;}
.patient-ipp-faq-item{background-color:var(--background-soft);border-radius:16px;overflow:hidden;}
.patient-ipp-faq-item summary{padding:20px 30px;cursor:pointer;display:flex;align-items:center;gap:15px;font-weight:500;color:var(--secondary-blue);list-style:none;transition:background-color 0.3s ease;outline:none;}
.patient-ipp-faq-item summary:focus{background-color:var(--light-gray);outline:none;box-shadow:none;}
.patient-ipp-faq-item summary::-webkit-details-marker{display:none;}
.patient-ipp-faq-item summary:hover{background-color:var(--light-gray);}
.patient-ipp-faq-item[open] summary{border-bottom:none;}
.patient-ipp-faq-item summary i:first-child{color:var(--primary-blue);font-size:1.25rem;}
.patient-ipp-faq-item summary i:last-child{margin-left:auto;transition:transform 0.3s ease;}
.patient-ipp-faq-content{padding:20px 30px 30px;color:var(--text-muted);}
.patient-ipp-faq-content ul{margin-left:20px;margin-top:10px;}
.discover-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-bottom:60px;}
.education-resources-grid{grid-template-columns:repeat(3, 1fr) !important;}
.education-resources-grid .discover-image{height:250px;}
.discover-card{background-color:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px var(--shadow-light);transition:all 0.3s ease;text-decoration:none;display:flex;flex-direction:column;min-height:400px;}
.discover-card:hover{transform:translateY(-5px);box-shadow:0 8px 28px var(--shadow-strong);}
.discover-image{width:100%;aspect-ratio:1920/1279;overflow:hidden;}
.discover-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.discover-card:hover .discover-image img{transform:scale(1.05);}
.discover-content{padding:25px;display:flex;flex-direction:column;flex:1;}
.discover-title{color:var(--secondary-blue);margin-bottom:10px;}
.discover-description{color:var(--text-muted);margin-bottom:20px;}
.learn-more-button{color:var(--primary-blue);font-weight:500;display:inline-block;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;}
.disabled-card{opacity:0.7;pointer-events:none;}
.disclaimer-section{margin-top:40px;padding:30px;background-color:#FBF8F1;border-radius:16px;text-align:left;}
.disclaimer-section .section-subtitle{text-align:left !important;margin-bottom:20px;}
.disclaimer-text{color:#000000 !important;font-size:0.875rem;margin:0 0 15px 0;text-align:left;}
.disclaimer-text:last-child{margin-bottom:0;}
.footer{background-color:#194f90;color:white;padding:60px 0 30px;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:40px;align-items:start;}
.footer-section{display:flex;flex-direction:column;align-items:flex-start;}
.footer-section h4{color:white;margin-bottom:20px;font-size:1.125rem;font-weight:600;line-height:1.2;}
.footer-section ul{list-style:none;padding:0;margin:0;}
.footer-section li{margin-bottom:10px;line-height:1.4;}
.footer-section a{color:rgba(255, 255, 255, 0.8);transition:color 0.3s ease;}
.footer-section a:hover{color:white;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.1);}
.footer-subnav{display:flex;gap:20px;}
.footer-subnav a{color:rgba(255, 255, 255, 0.8);font-size:0.875rem;transition:color 0.3s ease;}
.footer-subnav a:hover{color:white;}
.footer-social{display:flex;gap:15px;width:100%;justify-content:flex-end;margin-bottom:15px;order:-1;}
.footer-social a{color:rgba(255, 255, 255, 0.8);font-size:1.2rem;transition:color 0.3s ease;display:inline-block;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(255, 255, 255, 0.1);}
.footer-social a:hover{color:white;background-color:rgba(255, 255, 255, 0.2);}
.copyright{opacity:0.6;font-size:0.875rem;margin:0;}
@media(max-width:1024px){
h1{font-size:2.5rem;}
h2{font-size:1.75rem;}
.hero-subtitle{font-size:1.25rem;}
.hero-description{font-size:1.125rem;}
.patient-p-page-nav-box{padding:25px 30px;margin:0;width:calc(100% - 40px);margin-left:auto;margin-right:auto;}
.patient-p-nav-pill{font-size:0.9rem;padding:10px 20px;}
.patient-p-primary-nav{display:none;}
.header-controls{display:none;}
.mobile-menu-toggle{display:block;}
.hero{padding:40px 0;}
.hero-content{flex-direction:column;gap:40px;align-items:center;}
.hero-text{text-align:left;width:100%;}
.hero-image{width:100%;max-width:none;height:auto;margin:15px auto;align-self:stretch;aspect-ratio:16 / 9;}
.hero-image img{width:100%;height:100%;object-fit:cover;}
.hero-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none;background:white !important;border-radius:24px;padding:25px 15px;box-shadow:0 8px 32px rgba(18, 79, 144, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);border:1px solid rgba(255, 255, 255, 0.1);}
.hero-buttons .hero-button-primary, .hero-buttons .hero-button-secondary{align-self:stretch;text-align:center;justify-content:center;width:100%;}
.hero-buttons .hero-button-primary:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed;}
.hero-buttons .hero-button-primary:disabled:hover{background-color:white;color:#232f58;transform:none;box-shadow:none;}
.number-blur{filter:blur(4px);opacity:0.6;}
.number-blur.clear{filter:blur(0px);opacity:1;}
.consent-text a:hover{text-decoration:none;color:rgba(255, 255, 255, 0.8);}
.consent-section{margin-top:3px;margin-bottom:20px;}
.consent-section-title{font-size:1.2rem;margin-bottom:8px;}
.consent-notice{margin-bottom:12px;}
.consent-notice p{font-size:0.85rem;line-height:1.3;}
.consent-section-title{font-size:1.2rem;margin-bottom:20px;}
.consent-item{margin-bottom:10px;}
.consent-label{font-size:0.75rem;gap:8px;line-height:1.4;}
.checkmark{height:14px;width:14px;margin-top:1px;}
.checkmark:after{left:3px;top:1px;width:2px;height:6px;}
.patient-ipp-faq-grid{grid-template-columns:1fr;}
.discover-grid{grid-template-columns:repeat(2, 1fr);}
.education-resources-grid{grid-template-columns:repeat(3, 1fr) !important;}
.rigicon-talks-container{margin:40px 0;padding:30px;}
.rigicon-talks-container .section-subtitle{font-size:1.5rem;}
.rigicon-talks-grid{grid-template-columns:repeat(4, 1fr);gap:20px;}
}
@media(max-width:768px){
h1{font-size:2rem;}
h2{font-size:1.5rem;}
h3{font-size:1.25rem;}
.hero-subtitle{font-size:1.125rem;}
.hero-description{font-size:1rem;}
.patient-p-on-this-page{padding:30px 0;}
.patient-p-page-nav-box{padding:20px 25px;margin:0;border-radius:16px;width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.patient-p-page-nav-title{font-size:1rem;margin-bottom:15px;}
.patient-p-page-nav{gap:10px;}
.patient-p-nav-pill{font-size:0.85rem;padding:8px 16px;border-radius:20px;}
.patient-p-container{padding:0 15px;}
.hero-actions{flex-direction:column;align-items:flex-start;}
.hero-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none;background:white !important;border-radius:24px;padding:25px 15px;box-shadow:0 8px 32px rgba(18, 79, 144, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);border:1px solid rgba(255, 255, 255, 0.1);}
.hero-buttons .hero-button-primary, .hero-buttons .hero-button-secondary{align-self:stretch;text-align:center;justify-content:center;width:100%;}
.hero-buttons .hero-button-primary:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed;}
.hero-buttons .hero-button-primary:disabled:hover{background-color:white;color:#232f58;transform:none;box-shadow:none;}
.number-blur{filter:blur(4px);opacity:0.6;}
.number-blur.clear{filter:blur(0px);opacity:1;}
.consent-text a:hover{text-decoration:none;color:rgba(255, 255, 255, 0.8);}
.consent-section{margin-top:3px;margin-bottom:20px;}
.consent-section-title{font-size:1.2rem;margin-bottom:8px;}
.consent-notice{margin-bottom:12px;}
.consent-notice p{font-size:0.85rem;line-height:1.3;}
.consent-section-title{font-size:1.2rem;margin-bottom:20px;}
.consent-item{margin-bottom:10px;}
.consent-label{font-size:0.75rem;gap:8px;line-height:1.4;}
.checkmark{height:14px;width:14px;margin-top:1px;}
.checkmark:after{left:3px;top:1px;width:2px;height:6px;}
.hero-button-primary, .hero-button-secondary{align-self:flex-start;text-align:left;justify-content:flex-start;width:auto !important;max-width:100%;}
.cta-btn{align-self:flex-start;text-align:left;justify-content:flex-start;}
.trust-indicators{flex-direction:column;align-items:flex-start;}
.rigicon-talks-container{margin:30px 0;padding:25px 20px;}
.rigicon-talks-container .section-subtitle{font-size:1.4rem;margin-bottom:15px;}
.rigicon-talks-container .section-description{font-size:1rem;margin-bottom:25px;}
.patient-ipp-faq-grid{grid-template-columns:1fr;}
.discover-grid{grid-template-columns:1fr;}
.patient-ipp-timeline-cards{grid-template-columns:1fr;}
.education-resources-grid{grid-template-columns:1fr !important;}
.rigicon-talks-grid{grid-template-columns:repeat(2, 1fr);gap:15px;}
.talks-platform-card{padding:25px 20px;min-height:120px;}
.platform-icon{font-size:2.5rem;margin-bottom:15px;}
.footer-content{grid-template-columns:1fr;text-align:center;}
.footer-bottom{flex-direction:column;gap:20px;}
.footer-subnav{flex-wrap:wrap;justify-content:center;gap:15px;}
.footer-social{justify-content:center;order:0;margin-bottom:10px;}
.patient-p-btn-large{width:100%;justify-content:center;}
.start-chat-button{width:100%;justify-content:center;margin-top:auto;align-self:stretch;}
}
@media(max-width:480px){
body{font-size:14px;}
h1{font-size:1.75rem;}
.hero-subtitle{font-size:1rem;}
.hero-description{font-size:0.95rem;}
.hero-image{width:100%;max-width:400px;height:200px;margin:15px 0;}
.hero-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none;background:white !important;border-radius:24px;padding:25px 15px;box-shadow:0 8px 32px rgba(18, 79, 144, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);border:1px solid rgba(255, 255, 255, 0.1);}
.hero-buttons .hero-button-primary, .hero-buttons .hero-button-secondary{align-self:stretch;text-align:center;justify-content:center;width:100%;}
.hero-buttons .hero-button-primary:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed;}
.hero-buttons .hero-button-primary:disabled:hover{background-color:white;color:#232f58;transform:none;box-shadow:none;}
.number-blur{filter:blur(4px);opacity:0.6;}
.number-blur.clear{filter:blur(0px);opacity:1;}
.consent-text a:hover{text-decoration:none;color:rgba(255, 255, 255, 0.8);}
.consent-section{margin-top:3px;margin-bottom:20px;}
.consent-section-title{font-size:1.2rem;margin-bottom:8px;}
.consent-notice{margin-bottom:12px;}
.consent-notice p{font-size:0.85rem;line-height:1.3;}
.consent-section-title{font-size:1.2rem;margin-bottom:20px;}
.consent-item{margin-bottom:10px;}
.consent-label{font-size:0.75rem;gap:8px;line-height:1.4;}
.checkmark{height:14px;width:14px;margin-top:1px;}
.checkmark:after{left:3px;top:1px;width:2px;height:6px;}
.patient-p-page-nav-box{padding:15px 20px;margin:0;width:calc(100% - 20px);margin-left:auto;margin-right:auto;}
.patient-p-page-nav{gap:8px;flex-direction:column;align-items:center;}
.patient-p-nav-pill{font-size:0.8rem;padding:6px 14px;min-width:140px;justify-content:center;}
.section-title{margin-bottom:30px;}
.patient-ipp-faq-item summary{padding:15px 20px;}
.patient-ipp-faq-content{padding:0 20px 20px;}
} sup{top:-.4em !important;font-size:60% !important;}
sup.sup2, .sup2{font-size:60% !important;top:-9px !important;}
.sup2{font-size:60% !important;position:relative !important;top:-0.4em !important;vertical-align:baseline !important;line-height:0 !important;display:inline-block !important;}
sup.sup3, .sup3{font-size:60% !important;top:-8px !important;}
.rigiai-pending-notice{margin-top:15px;padding:12px 20px;background-color:#FFF3CD;border-left:4px solid #FFC107;border-radius:8px;}
.rigiai-notice-content{display:flex;align-items:center;gap:10px;}
.rigiai-notice-content i{color:#856404;font-size:1.1rem;}
.rigiai-notice-text{color:#856404;font-weight:600;font-size:0.9rem;letter-spacing:0.5px;}
.shadow-box-container{background-color:white;border-radius:16px;padding:40px;box-shadow:0 8px 32px rgba(18, 79, 144, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);margin-bottom:40px;}
.patient-ipp-timeline-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;margin-bottom:40px;}
.patient-ipp-timeline-card{background-color:white;border-radius:16px;padding:30px;box-shadow:0 8px 32px rgba(18, 79, 144, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:280px;position:relative;}
.patient-ipp-timeline-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(18, 79, 144, 0.25), 0 8px 24px rgba(0, 0, 0, 0.12);}
.patient-ipp-timeline-badge{position:absolute;top:-15px;left:30px;width:40px;height:40px;background-color:rgba(248, 250, 252, 0.9);color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;z-index:2;box-shadow:0 4px 16px rgba(100, 116, 139, 0.2), 0 2px 8px rgba(0, 0, 0, 0.08);backdrop-filter:blur(8px);border:1px solid rgba(100, 116, 139, 0.1);}
.patient-ipp-timeline-icon{width:80px;height:80px;background-color:var(--light-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-blue);margin-bottom:20px;transition:all 0.3s ease;}
.patient-ipp-timeline-card:hover .patient-ipp-timeline-icon{transform:scale(1.1);box-shadow:0 8px 25px rgba(18, 79, 144, 0.35), 0 4px 12px rgba(0, 0, 0, 0.1);}
.patient-ipp-timeline-card h3{margin-bottom:15px;color:var(--secondary-blue);font-size:1.25rem;font-weight:600;}
.patient-ipp-timeline-card p{color:var(--text-muted);margin-bottom:20px;line-height:1.6;flex-grow:1;}
@media(max-width:768px){
.patient-ipp-timeline-section{padding:60px 0;}
.patient-ipp-timeline-cards{grid-template-columns:1fr;gap:20px;}
.patient-ipp-timeline-card{padding:25px;min-height:260px;}
.patient-ipp-timeline-badge{top:-12px;left:25px;width:35px;height:35px;font-size:1.1rem;background-color:rgba(248, 250, 252, 0.9);color:#64748b;box-shadow:0 3px 12px rgba(100, 116, 139, 0.2), 0 2px 6px rgba(0, 0, 0, 0.06);border:1px solid rgba(100, 116, 139, 0.1);}
.patient-ipp-timeline-icon{width:70px;height:70px;font-size:1.8rem;margin-bottom:15px;}
.patient-ipp-timeline-card h3{font-size:1.1rem;margin-bottom:12px;}
.shadow-box-container{padding:25px;margin-bottom:30px;}
} :focus{outline:3px solid var(--focus-outline);outline-offset:3px;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
@keyframes fadeIn {
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
.fade-in{animation:fadeIn 0.6s ease forwards;}
.loading{opacity:0.6;pointer-events:none;}
.patient-ipp-on-this-page{padding:30px 0;background-color:white;}
.patient-ipp-page-nav-box{background-color:white;border-radius:20px;padding:30px 40px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);border:1px solid #f5f5f5;width:100%;}
.patient-ipp-page-nav-title{font-size:1.125rem;font-weight:600;color:var(--secondary-blue);margin-bottom:20px;text-align:center;}
.patient-ipp-page-nav{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.patient-ipp-nav-pill{display:inline-block;align-items:center;padding:12px 24px;background-color:#f8f6f1;color:var(--secondary-blue);text-decoration:none;border-radius:25px;font-weight:500;font-size:0.95rem;transition:all 0.3s ease;border:1px solid #e8e6e1;}
.patient-ipp-nav-pill:hover{background-color:#f0ede6;color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.patient-ipp-nav-pill:active{transform:translateY(0);}
.patient-ipp-timeline-section{padding:40px 0;background-color:var(--background-soft);}
.patient-ipp-timeline-section .patient-p-container{background-color:white;border-radius:24px;padding:60px 40px;box-shadow:0 8px 32px var(--shadow-medium);border:1px solid var(--border-color);}
.patient-ipp-timeline-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-bottom:40px;}
.patient-ipp-timeline-card{background-color:white;border-radius:16px;padding:30px;box-shadow:0 4px 14px var(--shadow-light);text-align:center;transition:all 0.3s ease;}
.patient-ipp-timeline-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-strong);}
.patient-ipp-timeline-card:hover .patient-ipp-timeline-icon{transform:translateY(-4px) scale(1.08);box-shadow:0 20px 50px rgba(18, 79, 144, 0.5);}
.patient-ipp-timeline-icon{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);color:white;box-shadow:0 8px 32px rgba(18, 79, 144, 0.3);transition:all 0.3s ease;position:relative;}
.patient-ipp-timeline-icon::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, #ffffff20, transparent);border-radius:50%;z-index:-1;}
.patient-ipp-timeline-icon:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 40px rgba(18, 79, 144, 0.4);}
.patient-ipp-timeline-icon img{width:100%;height:100%;object-fit:cover;}
.patient-ipp-timeline-icon i{font-size:3rem;color:white;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));transition:all 0.3s ease;}
.patient-ipp-timeline-icon:hover i{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));}
.patient-ipp-timeline-card h3{margin-bottom:15px;color:var(--secondary-blue);}
.patient-ipp-timeline-card p{color:var(--text-muted);text-align:left;}
.patient-ipp-risks-section{background-color:var(--background-soft);border-radius:16px;padding:30px;margin-top:40px;}
.patient-ipp-risks-section h3{margin-bottom:15px;color:var(--secondary-blue);}
.patient-ipp-risks-section p{color:var(--text-muted);margin-bottom:10px;}
.patient-ipp-recovery-note{font-style:italic;font-size:0.875rem;}
.patient-ipp-recovery-note em{color:var(--text-muted) !important;font-style:italic;}
.patient-ipp-why-infla10-section{padding:40px 0;background-color:var(--background-soft);}
.patient-ipp-model-showcase{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.patient-ipp-model-image{position:sticky;top:20px;}
.patient-ipp-model-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px var(--shadow-medium);transition:transform 0.3s ease;}
.patient-ipp-model-image img:hover{transform:scale(1.02);}
.patient-ipp-model-grid{display:grid;grid-template-columns:1fr;gap:25px;}
.patient-ipp-model-card{background-color:var(--background-soft);border-radius:16px;padding:25px;border:2px solid var(--border-color);transition:all 0.3s ease;}
.patient-ipp-model-card:hover{border-color:var(--primary-blue);transform:translateY(-3px);}
.patient-ipp-model-card h4{color:var(--primary-blue);margin-bottom:15px;font-size:1.125rem;}
.patient-ipp-model-card ul{list-style:none;padding:0;}
.patient-ipp-model-card li{color:var(--text-muted);margin-bottom:8px;position:relative;padding-left:20px;}
.patient-ipp-model-card li:before{content:"✓";position:absolute;left:0;color:var(--primary-blue);font-weight:bold;}
.patient-ipp-reference-note{text-align:center;font-size:0.875rem;color:var(--text-muted);font-style:italic;}
.patient-ipp-faq-item summary{padding:20px 30px;cursor:pointer;display:flex;align-items:center;gap:15px;font-weight:500;color:var(--secondary-blue);list-style:none;transition:background-color 0.3s ease;outline:none;}
.patient-ipp-faq-item summary:focus{background-color:var(--light-gray);outline:none;box-shadow:none;}
.patient-ipp-faq-item summary::-webkit-details-marker{display:none;}
.patient-ipp-faq-item summary:hover{background-color:var(--light-gray);}
.patient-ipp-faq-item[open] summary{border-bottom:none;}
.patient-ipp-faq-item summary i:first-child{color:var(--primary-blue);font-size:1.25rem;}
.patient-ipp-faq-item summary i:last-child{margin-left:auto;transition:transform 0.3s ease;}
.patient-ipp-faq-content{padding:20px 30px 30px;color:var(--text-muted);}
.patient-ipp-faq-content ul{margin-left:20px;margin-top:10px;}
.patient-ipp-video-section{padding:20px 0 40px 0;background-color:var(--background-soft);}
.patient-ipp-video-section .patient-p-container{background-color:white;border-radius:24px;padding:60px 40px;box-shadow:0 8px 32px var(--shadow-medium);border:1px solid var(--border-color);}
.patient-ipp-video-container{max-width:1200px;margin:0 auto;}
.patient-ipp-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;align-items:start;}
.patient-ipp-video-single{display:flex;justify-content:center;}
.patient-ipp-video-single .patient-ipp-video-box{max-width:600px;width:100%;}
.patient-ipp-video-box{background-color:white;border-radius:16px;overflow:visible;box-shadow:0 4px 14px var(--shadow-light);transition:all 0.3s ease;cursor:pointer;display:flex;flex-direction:column;min-height:400px;}
.patient-ipp-video-box:hover{transform:translateY(-5px);box-shadow:0 8px 28px var(--shadow-strong);}
.patient-ipp-video-content{display:flex;flex-direction:column;flex:1;width:100%;border-radius:16px;overflow:hidden;}
.patient-ipp-video-content a{display:block;text-decoration:none;color:inherit;}
.patient-ipp-video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--background-soft);border-radius:16px;}
.patient-ipp-video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.patient-ipp-video-box:hover .patient-ipp-video-thumbnail img{transform:scale(1.05);}
.patient-ipp-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(18, 79, 144, 0.2) 0%, rgba(206, 18, 45, 0.2) 100%);opacity:0;transition:opacity 0.3s ease;}
.patient-ipp-video-box:hover .patient-ipp-video-overlay{opacity:1;}
.patient-ipp-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70px;height:70px;background-color:rgba(255, 255, 255, 0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-blue);box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;z-index:2;}
.patient-ipp-video-box:hover .patient-ipp-video-play-btn{background-color:var(--primary-blue);color:white;transform:translate(-50%, -50%) scale(1.1);}
.patient-ipp-video-title{padding:15px 25px 10px;margin:0;font-size:1.125rem;font-weight:600;color:var(--secondary-blue);line-height:1.4;text-align:left;}
.patient-ipp-video-box:hover .patient-ipp-video-title{color:var(--primary-blue);}
.patient-ipp-cta-section{padding:60px 0;background:linear-gradient(135deg, var(--light-blue) 0%, var(--background-white) 100%);}
.patient-ipp-privacy-assurance{text-align:center;margin-top:40px;padding:20px;background-color:rgba(255, 255, 255, 0.8);border-radius:16px;}
.patient-ipp-privacy-assurance p{color:var(--text-color);margin:0;font-size:0.875rem;}
@media(max-width:1024px){
.patient-ipp-page-nav-box{padding:25px 30px;margin:0;width:calc(100% - 40px);margin-left:auto;margin-right:auto;}
.patient-ipp-page-nav{gap:12px;}
.patient-ipp-nav-pill{font-size:0.85rem;padding:8px 16px;}
.patient-ipp-self-check-cards, .patient-ipp-how-it-works-steps, .patient-ipp-timeline-cards{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));}
.patient-ipp-video-grid{grid-template-columns:1fr;gap:25px;margin-bottom:25px;}
.patient-ipp-video-box{min-height:auto;}
.patient-ipp-video-title{font-size:1rem;padding:15px 20px 10px;}
.video-questions-section{margin-top:10px;}
.patient-ipp-video-section .patient-p-container, .patient-ipp-timeline-section .patient-p-container{padding:40px 30px;margin:0 20px;}
.patient-ipp-model-showcase{grid-template-columns:1fr 1fr;gap:40px;}
.patient-ipp-model-image{position:static;}
.patient-ipp-model-grid{grid-template-columns:1fr;gap:20px;}
}
@media(max-width:768px){
.patient-ipp-on-this-page{padding:20px 0;}
.patient-ipp-page-nav-box{padding:20px 25px;margin:0;border-radius:16px;width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.patient-ipp-page-nav-title{font-size:1rem;margin-bottom:15px;}
.patient-ipp-page-nav{gap:8px;}
.patient-ipp-nav-pill{font-size:0.85rem;padding:8px 14px;border-radius:20px;}
.patient-ipp-self-check-cards, .patient-ipp-how-it-works-steps, .patient-ipp-timeline-cards{grid-template-columns:1fr;}
.patient-ipp-video-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px;}
.patient-ipp-video-title{font-size:1rem;padding:20px;}
.patient-ipp-video-section .patient-p-container, .patient-ipp-timeline-section .patient-p-container{padding:25px 15px;margin:0 15px;}
.patient-ipp-model-showcase{grid-template-columns:1fr;gap:30px;}
.patient-ipp-model-image{order:-1;}
.patient-ipp-model-grid{grid-template-columns:1fr;gap:15px;}
.patient-ipp-self-check-card, .patient-ipp-step-card, .patient-ipp-timeline-card{padding:20px;}
.patient-ipp-faq-item summary{padding:15px 20px;}
.patient-ipp-faq-content{padding:0 20px 20px;}
}
@media(max-width:480px){
.patient-ipp-page-nav-box{padding:15px 20px;margin:0;width:calc(100% - 20px);margin-left:auto;margin-right:auto;}
.patient-ipp-page-nav{gap:8px;flex-direction:column;align-items:center;}
.patient-ipp-nav-pill{font-size:0.8rem;padding:6px 14px;min-width:120px;justify-content:center;}
.patient-ipp-self-check-card, .patient-ipp-step-card{min-height:auto;}
.patient-ipp-check-image, .patient-ipp-step-image{height:150px;}
.patient-ipp-video-title{font-size:0.95rem;padding:15px 20px 10px;line-height:1.3;}
.video-questions-section{margin-top:10px;}
.video-questions-toggle{padding:12px 16px;}
.video-questions-toggle span{font-size:0.9rem;}
.toggle-icon{width:26px;height:26px;}
.patient-ipp-video-title{font-size:0.95rem;padding:15px;line-height:1.3;}
.patient-ipp-video-play-btn{width:60px;height:60px;font-size:1.25rem;}
.patient-ipp-video-section .patient-p-container, .patient-ipp-timeline-section .patient-p-container{padding:25px 15px;margin:0 10px;border-radius:16px;}
.patient-ipp-model-card{padding:20px;}
} .video-lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);z-index:9999;display:none;justify-content:center;align-items:center;animation:fadeIn 0.3s ease-out;}
.video-lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;}
.video-lightbox-content{position:relative;width:90%;max-width:1200px;height:90vh;max-height:800px;background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;animation:slideIn 0.3s ease-out;}
.video-lightbox-close{position:absolute;top:15px;right:15px;background:rgba(0, 0, 0, 0.7);color:white;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s ease;}
.video-lightbox-close:hover{background:rgba(0, 0, 0, 0.9);transform:scale(1.1);}
.video-lightbox-close:focus{outline:2px solid #fff;outline-offset:2px;}
.video-lightbox-player{flex:1;position:relative;width:100%;height:100%;}
#video-player-container{width:100%;height:100%;background:#000;}
#video-player-container iframe{width:100%;height:100%;border:none;border-radius:8px;}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
@keyframes slideIn {
from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
} @media(max-width:768px){
.video-lightbox-content{width:95%;height:85vh;max-height:600px;}
.video-lightbox-close{width:35px;height:35px;font-size:14px;top:10px;right:10px;}
}
@media(max-width:480px){
.video-lightbox-content{width:98%;height:80vh;max-height:500px;}
} @media(min-width:1025px){
.hero{padding:60px 0 120px 0;}
} .problem-section{padding:50px 0 80px 0;background-color:white;}
.problem-section-box{background-color:white;border-radius:20px;padding:50px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);border:1px solid var(--border-color);}
.patient-p-problem-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;}
@media(max-width:768px){
.patient-p-problem-cards{grid-template-columns:1fr;}
.problem-section-box{padding:25px 15px;margin:0 10px;}
}
.patient-p-problem-card{background-color:white;border-radius:16px;padding:30px 30px 80px;box-shadow:0 4px 14px var(--shadow-light);transition:all 0.3s ease;position:relative;}
.patient-p-problem-card:hover{transform:translateY(-5px);box-shadow:0 8px 28px var(--shadow-strong);}
.problem-image{width:100%;height:250px;border-radius:16px;overflow:hidden;margin-bottom:15px;box-shadow:0 4px 14px var(--shadow-light);position:relative;}
@media(min-width:768px){
.problem-image{height:350px;}
}
@media(min-width:1024px){
.problem-image{height:380px;}
}
.problem-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.product-badge{position:absolute;top:15px;left:15px;background-color:var(--accent-red);color:white;padding:8px 12px;border-radius:8px;font-size:0.875rem;font-weight:600;z-index:2;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);}
.patient-p-problem-card:hover .problem-image img{transform:scale(1.05);}
.patient-p-problem-card h3{margin-bottom:15px;color:var(--secondary-blue);}
.patient-p-problem-card .patient-p-btn-outline{position:absolute;bottom:30px;left:30px;}
.patient-p-problem-card p{color:var(--text-muted);margin-bottom:15px;}
@media print {
.header, .patient-p-mobile-nav, .hero-actions, .patient-p-btn-primary, .patient-p-btn-secondary, .patient-p-btn-outline, .rigiai-section, .footer{display:none;}
body{background:white;color:black;}
.patient-p-container{max-width:100%;}
} :root{--primary-blue:#124f90;--secondary-blue:#232F58;--accent-red:#ce122d;--background-soft:#e8eef5;--text-color:#232F58;}
.hero{background:linear-gradient(135deg, var(--light-blue) 0%, var(--background-white) 100%) !important;border:none !important;box-shadow:none !important;padding:60px 0 80px 0 !important;}
.hero .patient-p-container{max-width:100% !important;padding:0 10px !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.hero-content{display:flex;align-items:flex-start;gap:30px;max-width:1200px;margin:0 auto;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}
.hero-text{flex:1;max-width:none !important;background:transparent !important;border:none !important;box-shadow:none !important;}
.hero-buttons{flex-shrink:0;width:450px;background:white !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255, 255, 255, 0.2) !important;box-shadow:0 25px 50px rgba(18, 79, 144, 0.15), 0 15px 35px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(18, 79, 144, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;border-radius:24px !important;padding:40px 0px !important;margin:0 !important;position:relative !important;overflow:hidden !important;}
.hero-buttons::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left 0.8s ease;}
.hero-buttons:hover::before{left:100%;}
.hero-buttons::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(18, 79, 144, 0.03) 0%, transparent 70%);opacity:0;transition:opacity 0.6s ease;pointer-events:none;}
.hero-buttons:hover::after{opacity:1;}
@media(max-width:768px){
.patient-p-container{padding:0 0px;}
.hero-content{flex-direction:column;gap:20px;}
.hero-text{text-align:left;padding:0 15px;}
.hero-buttons{width:100%;padding:40px 6px !important;}
}
@media(max-width:480px){
.hero .patient-p-container{padding:0 3px !important;}
.hero-text{padding:0 10px;}
.hero-buttons{padding:40px 6px !important;}
} @media(min-width:769px) and (max-width:1024px){
.hero .patient-p-container{padding:0 15px !important;}
.hero-content{display:flex;align-items:flex-start;gap:30px;max-width:100%;margin:0 auto;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}
.hero-text{flex:1;text-align:left;}
.hero-buttons{width:100%;flex-shrink:0;background:white !important;}
} @media(min-width:1025px) and (max-width:1400px){
.hero .patient-p-container{padding:0 20px !important;}
.hero-content{display:flex;align-items:flex-start;gap:35px;max-width:1200px;margin:0 auto;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 15px !important;}
.hero-text{flex:1;text-align:left;}
.hero-buttons{width:546px;flex-shrink:0;background:white !important;}
} @media(min-width:1401px){
.hero .patient-p-container{padding:0 30px !important;}
.hero-content{display:flex;align-items:flex-start;gap:40px;max-width:1400px;margin:0 auto;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 20px !important;}
.hero-text{flex:1;text-align:left;}
.hero-buttons{width:520px;flex-shrink:0;background:white !important;}
}
flex-shrink: 0;
transition: all 0.3s ease;
} .connection-option input[type="radio"]:checked+.radio-checkmark{border-color: var(--primary-blue);
background-color: white;
}
.connection-option input[type="radio"]:checked+.radio-checkmark::after{content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: var(--primary-blue);
border-radius: 50%;
transform: translate(-50%, -50%);
animation: radio-check 0.3s ease;
} .connection-option:hover .radio-checkmark{border-color: var(--primary-blue);
box-shadow: 0 0 0 2px rgba(18, 79, 144, 0.1);
}
.connection-option input[type="radio"]:focus+.radio-checkmark{box-shadow: 0 0 0 3px rgba(18, 79, 144, 0.2);
}
@keyframes radio-check{0%{opacity:0;transform:translate(-50%, -50%) scale(0);}
100%{opacity:1;transform:translate(-50%, -50%) scale(1);}}
.voice-call-notice{margin-top: 8px;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.9);
font-size: 13px;
font-weight: 400;
line-height: 1.4;
opacity: 0.9;
}
.voice-call-notice small{font-size: 13px;
font-weight: 400;
color: rgba(255, 255, 255, 0.9);
} @media(max-width:768px){.connection-options{gap:10px;}
.connection-option{padding:14px;}
.option-content{gap:12px;}
.option-icon{width:44px;height:44px;}
.option-icon i{font-size:18px;}
.option-text h4{font-size:1rem;}
.option-text p{font-size:0.85rem;}}
.pending-activation-notice{margin-top: 30px;
padding: 20px;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 2px solid #f59e0b;
border-radius: 12px;
text-align: center;
}
.notice-content{display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.notice-content i{color: #d97706;
font-size: 1.25rem;
}
.notice-text{font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 1rem;
color: #92400e;
letter-spacing: 0.5px;
text-transform: uppercase;
} .rigiai-pending-notice{margin: 20px 0;
padding: 16px;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 2px solid #f59e0b;
border-radius: 12px;
text-align: center;
}
.rigiai-notice-content{display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.rigiai-notice-content i{color: #d97706;
font-size: 1.25rem;
}
.rigiai-notice-text{font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 0.95rem;
color: #92400e;
letter-spacing: 0.5px;
text-transform: uppercase;
} .redirect-warning{margin-top: 15px;
padding: 16px;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #e2e8f0;
border-radius: 8px;
border-left: 4px solid #cf0e2e;
margin-left: 10px;
margin-right: 10px;
}
.redirect-warning-content{display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.redirect-warning-text{font-family: 'Montserrat', sans-serif;
font-size: 0.9rem;
font-weight: 500;
color: #374151;
text-align: center;
line-height: 1.4;
margin: 0;
}
.redirect-warning-button{display: inline-block;
padding: 10px 20px;
background-color: #cf0e2e;
color: white !important;
text-decoration: none !important;
border-radius: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 0.9rem;
text-align: center;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(207, 14, 46, 0.2);
border: none;
cursor: pointer;
}
.redirect-warning-button:hover{background-color: #b00c26;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(206, 18, 45, 0.3);
color: white !important;
text-decoration: none !important;
} .ai-widget-container{flex: 1; flex-shrink: 0;
}
.hero-text{flex: 1; } .ai-widget-container .consent-container{margin: 0 !important;
overflow-y: visible !important;
max-height: none !important;
} @media(max-width:768px){.ai-widget-container{width:100%;}
.ai-widget-container .consent-container{overflow-y:auto !important;max-height:85vh !important;}}:root { --primary-blue: #124f90;
--secondary-blue: #232F58;
--accent-red: #ce122d; --rigicon-logo-blue: #195090;
--rigicon-logo-red: #ce0e2d; --premier-blue: #1B358A;
--dark-blue: #112657;
--light-blue: #D1D9F0; --background-soft: #e8eef5;
--background-white: #ffffff;
--light-gray: #F5F5F5; --text-color: #232F58;
--text-muted: #5a6c84;
--text-light: #8a8a8a; --shadow-light: rgba(0, 0, 0, 0.04);
--shadow-medium: rgba(0, 0, 0, 0.06);
--shadow-strong: rgba(0, 0, 0, 0.08); --hover-blue: #0f4080;
--focus-outline: #ffbf47;
--border-color: #e8ecf1;
--border-hover: var(--primary-blue);
} *{margin:0;padding:0;box-sizing:border-box;}
sup{top:-.4em !important;font-size:60% !important;}
.test-header{max-width:900px;margin:0 auto 20px;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.test-header h1{color:#232f58;margin-bottom:10px;}
.test-header p{color:#909090;}
.config-panel{max-width:900px;margin:0 auto 20px;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.config-item{margin-bottom:15px;}
.config-item label{display:block;font-weight:600;margin-bottom:5px;color:#212121;}
.config-item input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:13px;}
.controls{display:flex;gap:10px;margin-top:15px;}
.controls button{padding:12px 24px;background:linear-gradient(135deg, #232f58 0%, #1a2341 100%);color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-family:'Montserrat', sans-serif;transition:transform 0.2s;}
.controls button:hover{transform:translateY(-2px);}
.controls button:disabled{background:#ccc;cursor:not-allowed;transform:none;}
.chat-container{width:100%;margin:0;height:700px;background:linear-gradient(135deg, var(--light-blue) 0%, var(--background-white) 100%) !important;backdrop-filter:blur(40px);border-radius:24px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.1);border:1px solid rgba(144, 144, 144, 0.2);overflow:hidden;display:flex;flex-direction:column;position:relative;}
.chat-container::before, .chat-container::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:0.2;animation:blob-float 7s infinite;pointer-events:none;}
.chat-container::before{top:-100px;left:-100px;width:300px;height:300px;background:rgba(206, 14, 45, 0.08);}
.chat-container::after{top:-100px;right:-100px;width:300px;height:300px;background:rgba(35, 47, 88, 0.08);animation-delay:2s;}
@keyframes blob-float {
0%, 100%{transform:translate(0, 0) scale(1);}
33%{transform:translate(30px, -50px) scale(1.1);}
66%{transform:translate(-20px, 20px) scale(0.9);}
} .chat-header{position:relative;z-index:10;background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);padding:20px;border-bottom:1px solid rgba(144, 144, 144, 0.15);color:white;display:flex;align-items:center;gap:15px;}
.chat-header-icon{width:40px;height:40px;flex-shrink:0;}
.chat-header-content{flex:1;}
.chat-header h2{margin:0;font-size:18px;font-family:'Montserrat', sans-serif;font-weight:600;color:white;}
.chat-header p{margin:5px 0 0;font-size:13px;font-family:'Montserrat', sans-serif;color:rgba(255, 255, 255, 0.9);}
.chat-messages{position:relative;z-index:10;flex:1;overflow-y:auto;padding:20px;padding-bottom:30px;display:flex;flex-direction:column;gap:12px;}
.chat-messages::-webkit-scrollbar{width:6px;}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(144, 144, 144, 0.3);border-radius:3px;}
.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(144, 144, 144, 0.5);}
.message{padding:12px 16px;border-radius:16px;max-width:80%;animation:slide-in 0.3s ease-out;}
@keyframes slide-in {
from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
.message.user{align-self:flex-end;background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);color:white;border-top-right-radius:4px;margin-left:auto;font-family:'Montserrat', sans-serif;}
.message.agent{align-self:flex-start;background:rgba(248, 248, 248, 0.8);backdrop-filter:blur(20px);color:var(--secondary-blue);border-top-left-radius:4px;border:1px solid rgba(144, 144, 144, 0.15);font-family:'Montserrat', sans-serif;}
.message.system{align-self:center;background:rgba(227, 220, 178, 0.25);color:#212121;border:1px solid rgba(227, 220, 178, 0.4);font-size:13px;font-family:'Montserrat', sans-serif;text-align:center;max-width:90%;}
.message-time{font-size:11px;color:rgba(255, 255, 255, 0.7);margin-top:5px;}
.message.agent .message-time, .message.system .message-time{color:#909090;}
#actionButtonsArea{position:relative;z-index:10;display:flex;flex-direction:column;gap:10px;padding:0 20px 20px 20px;min-height:0;}
.action-buttons-container{display:flex;flex-direction:column;gap:10px;animation:slide-in 0.4s ease-out;}
.action-button{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);color:white;border:none;border-radius:12px;padding:16px 20px;font-size:15px;font-weight:500;font-family:'Montserrat', sans-serif;cursor:pointer;transition:all 0.3s ease;text-align:left;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(18, 79, 144, 0.2);}
.action-button i{font-size:18px;color:white;}
.action-button .fa-comments{color:#22d3ee;}
.action-button .fa-hospital{color:white;}
.action-button:hover:not(:disabled){background:linear-gradient(135deg, var(--secondary-blue) 0%, var(--primary-blue) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(18, 79, 144, 0.3);}
.action-button:disabled{opacity:0.5;cursor:not-allowed;transform:none;}
.action-button.clicked{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);transform:scale(0.98);box-shadow:0 2px 10px rgba(18, 79, 144, 0.3);}
.chat-input-area{position:relative;z-index:10;padding:20px;background:rgba(248, 248, 248, 0.6);backdrop-filter:blur(20px);border-top:1px solid rgba(144, 144, 144, 0.15);display:none;gap:10px;}
.chat-input-area.active{display:flex;}
.chat-input-area input{flex:1;background:white;border:2px solid rgba(144, 144, 144, 0.3);border-radius:12px;padding:12px 16px;color:#212121;font-size:14px;font-family:'Montserrat', sans-serif;transition:all 0.3s ease;}
.chat-input-area input::placeholder{color:#909090;}
.chat-input-area input:focus{outline:none;border:2px solid transparent;background-image:linear-gradient(white, white), linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);background-origin:border-box;background-clip:padding-box, border-box;box-shadow:0 0 0 3px rgba(18, 79, 144, 0.1);}
.chat-input-area button{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);border:none;color:white;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all 0.3s;font-size:14px;font-weight:500;font-family:'Montserrat', sans-serif;box-shadow:0 4px 15px rgba(18, 79, 144, 0.2);}
.chat-input-area button:hover:not(:disabled){background:linear-gradient(135deg, var(--secondary-blue) 0%, var(--primary-blue) 100%);transform:scale(1.05);box-shadow:0 6px 20px rgba(18, 79, 144, 0.3);}
.chat-input-area button:disabled{opacity:0.5;cursor:not-allowed;}
.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;font-family:'Montserrat', sans-serif;}
.status-badge.connected{background:rgba(79, 218, 115, 0.2);color:#4fda73;border:1px solid rgba(79, 218, 115, 0.3);}
.status-badge.disconnected{background:rgba(207, 14, 46, 0.2);color:#cf0e2e;border:1px solid rgba(207, 14, 46, 0.3);}
.consent-container{position:relative;z-index:10;padding:25px;display:flex;flex-direction:column;gap:20px;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);border-radius:16px;margin:20px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:opacity 0.3s ease, transform 0.3s ease;max-height:85vh;overflow-y:auto;}
.consent-container::-webkit-scrollbar{width:6px;}
.consent-container::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.05);border-radius:10px;}
.consent-container::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:10px;}
.consent-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-blue);}
.consent-checkbox-group{display:flex;gap:12px;align-items:flex-start;padding:12px;background:rgba(248, 248, 248, 0.6);border-radius:10px;transition:all 0.3s ease;}
.consent-checkbox-group:hover{background:rgba(248, 248, 248, 0.9);}
.consent-checkbox{width:20px;height:20px;min-width:20px;cursor:pointer;accent-color:var(--primary-blue);margin-top:2px;transition:transform 0.2s ease;}
.consent-checkbox:hover{transform:scale(1.1);}
.consent-text{flex:1;font-size:13px;color:var(--text-muted);line-height:1.6;font-family:'Montserrat', sans-serif;cursor:pointer;user-select:none;transition:color 0.2s ease;}
.consent-text:hover{color:var(--primary-blue);}
.consent-submit-button{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);color:white;border:none;border-radius:12px;padding:16px 20px;font-size:15px;font-weight:600;font-family:'Montserrat', sans-serif;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(18, 79, 144, 0.2);opacity:1;}
.consent-submit-button:disabled{opacity:0.5;cursor:not-allowed;transform:none;}
.consent-submit-button:hover:not(:disabled){background:linear-gradient(135deg, var(--secondary-blue) 0%, var(--primary-blue) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(18, 79, 144, 0.3);}
.consent-submit-button i{font-size:18px;}
.consent-footer-links{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;padding-top:10px;border-top:1px solid rgba(144, 144, 144, 0.2);flex-wrap:wrap;}
.consent-footer-links a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color 0.3s ease;}
.consent-footer-links a:hover{color:var(--accent-red);text-decoration:underline;}
.consent-footer-links span{color:#909090;}
@media(max-width:768px){ .consent-container{margin:8px;padding:18px 12px;max-height:90vh;gap:15px;}
.chat-messages{padding:12px 4px 20px 4px;}
.message.user{margin-right:8px;max-width:85%;}
.message.agent{margin-left:8px;max-width:85%;}
.message{padding:10px 14px;font-size:14px;}
.consent-text{font-size:12px;line-height:1.5;}
.consent-submit-button{padding:14px 16px;font-size:14px;}
.consent-footer-links{font-size:11px;gap:8px;padding-top:12px;margin-top:5px;}
.chat-header h2{font-size:16px;}
.chat-header p{font-size:12px;}
} @media(max-width:430px){ .chat-container{height:600px;max-height:95vh;margin:10px auto;}
.consent-container{margin:6px;padding:16px 10px;max-height:92vh;}
.chat-messages{padding:10px 2px 20px 2px;}
.message.user{margin-right:6px;max-width:88%;}
.message.agent{margin-left:6px;max-width:88%;}
} .chat-container *:focus,
.chat-container *:focus-visible{outline:none !important;}
.consent-checkbox:focus, .consent-checkbox:focus-visible {
outline: none !important;
box-shadow: 0 0 0 2px rgba(18, 79, 144, 0.3) !important;
}