.hero-bg{background:linear-gradient(135deg,#ffffff 0%,#ffffff 25%,#fafeff 50%,#f5fbff 75%,#ebf7fd 100%);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;padding-bottom:40px;}.container{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;}.intro-section{padding:50px 0 0 0;box-sizing:border-box;position:relative;}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}.hero-text{padding:30px 0 50px 0;}.hero-text h1{font-size:48px;font-weight:700;margin-bottom:20px;color:#1a202c;line-height:1.2;padding:0;text-align:left !important;text-transform:none !important;}.hero-text p{font-size:20px;color:#475569;line-height:1.6;text-align:left !important;}.intro-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;}.hero-half-phone{width:300px;height:380px;background:#000;border-radius:32px 32px 0 0;padding:8px;position:relative;margin-top:0;border:2px solid #000;box-shadow:0 0 0 8px #d0d0d0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 90%);}.hero-half-phone-inner{width:100%;height:100%;background:#F8F9FD;border-radius:28px 28px 0 0;overflow:hidden;position:relative;}.hero-half-phone img{width:100%;height:auto;position:absolute;top:-25px;left:0;}.hero-overlay-label{position:absolute;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.12);display:flex;align-items:center;z-index:10;}.hero-overlay-top{top:30px;right:-35px;padding:8px 14px;gap:8px;}.hero-overlay-top i{width:18px;height:18px;}.hero-overlay-top .label-subtitle{font-size:10px;color:#64748b;font-weight:500;}.hero-overlay-top .label-title{font-size:12px;font-weight:700;color:#1a202c;}.hero-overlay-middle{bottom:160px;right:-35px;padding:12px 18px;gap:12px;}.hero-overlay-middle i{width:24px;height:24px;}.hero-overlay-middle .label-subtitle{font-size:12px;color:#64748b;font-weight:500;}.hero-overlay-middle .label-title{font-size:15px;font-weight:700;color:#1a202c;}.hero-overlay-bottom{bottom:100px;left:-35px;padding:10px 16px;gap:10px;}.hero-overlay-bottom i{width:20px;height:20px;}.hero-overlay-bottom .label-subtitle{font-size:11px;color:#64748b;font-weight:500;}.hero-overlay-bottom .label-title{font-size:13px;font-weight:700;color:#1a202c;}.phone-mockup{width:260px;height:520px;background:#000;border-radius:28px;padding:8px;border:2px solid #000;box-shadow:0 0 0 5px #d0d0d0;}.phone-mockup-inner{width:100%;height:100%;background:#F8F9FD;border-radius:26px;overflow:hidden;position:relative;}.phone-mockup img{width:100%;height:auto;position:absolute;top:0;left:0;transition:opacity 0.3s ease,transform 0.3s ease;}.section{padding:60px 0;box-sizing:border-box;}.section-alt{background:#fafbfc;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:60px 0;}
/* Fix for PHR page gray sections */
.phr-section.gray-bg{background:#f9fafb !important;width:100vw !important;position:relative !important;left:50% !important;right:50% !important;margin-left:-50vw !important;margin-right:-50vw !important;padding:60px 0 !important;box-sizing:border-box !important;}
.phr-section.gray-bg .section-wrapper{max-width:1200px !important;margin:0 auto !important;padding:0 40px !important;}.section-header{text-align:center;margin-bottom:60px;}.section-header h2{font-size:36px;font-weight:700;margin-bottom:16px;color:#1a202c;line-height:1.2;padding:0;text-align:center !important;text-transform:none !important;}.section-header p{font-size:18px;color:#64748b;max-width:800px;margin:0 auto;padding:0;text-align:center !important;}.two-col-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}.two-col-text{display:flex;flex-direction:column;gap:0;box-sizing:border-box;padding:0;margin:0;}.feature-section-title{font-size:32px;font-weight:700;margin-bottom:16px;color:#1a202c;line-height:1.3;padding:0;box-sizing:border-box;text-align:left !important;text-transform:none !important;}.feature-section-desc{font-size:16px;color:#64748b;line-height:1.7;margin-bottom:32px;padding:0;box-sizing:border-box;text-align:left !important;}.accordion-divider{height:1px;background:#e2e8f0;margin:0 0 24px 0;}.care-accordion-item{border-bottom:1px solid #e2e8f0;padding:0 !important;margin:0 !important;box-sizing:border-box;}.care-accordion-trigger{width:100% !important;background:transparent !important;border:none !important;padding:20px 0 !important;margin:0 !important;cursor:pointer;font-size:14px !important;font-weight:600 !important;color:#94a3b8;display:flex !important;justify-content:space-between !important;align-items:center !important;text-transform:uppercase !important;letter-spacing:0.5px !important;transition:color 0.2s ease;box-sizing:border-box;outline:none !important;position:relative !important;line-height:1 !important;text-align:left !important;}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0;margin:0;box-sizing:border-box;}.accordion-content.active{max-height:200px;padding:0 0 20px 0;margin:0;}.accordion-text{padding:12px 0 0 0;margin:0;}.accordion-text p{font-size:15px;color:#64748b;line-height:1.7;margin:0;padding:0;text-align:left !important;}.two-col-visual{position:relative;background:#f8fafc;border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:center;}.phone-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}.feature-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.grid-feature-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;}.grid-feature-item h4{font-size:17px;font-weight:600;margin:0 0 8px 0;color:#1a202c;line-height:1.4;padding:0;display:flex;align-items:center;gap:8px;text-align:left !important;text-transform:none !important;}.grid-feature-item p{font-size:14px;color:#64748b;line-height:1.6;padding:0;text-align:left !important;}.three-col-process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;}.process-col{display:flex;flex-direction:column;}.process-col h3{font-size:24px;font-weight:700;margin-bottom:16px;color:#1a202c;line-height:1.3;padding:0;text-align:left !important;text-transform:none !important;height:36px;}.process-col p{font-size:16px;color:#64748b;line-height:1.7;margin-bottom:24px;padding:0;text-align:left !important;height:108px;}.process-card{background:#f0f7fa;border-radius:16px;padding:30px 20px 0;display:flex;justify-content:center;align-items:flex-start;height:300px;overflow:hidden;}.half-phone{width:210px;height:420px;background:#000;border-radius:24px;padding:8px;position:relative;margin:0 auto;border:2px solid #000;box-shadow:0 0 0 4px rgba(0,0,0,0.25);}.half-phone-inner{width:100%;height:100%;background:#F8F9FD;border-radius:22px;overflow:hidden;position:relative;}.half-phone img{width:100%;height:auto;position:absolute;top:0;left:0;}.three-col-process .half-phone img{top:-20px;}.icon-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;margin-top:40px;background:linear-gradient(to right,#fff 0%,#fafbfc 100%);padding:60px 40px;border-radius:16px;}.icon-text-item{display:flex;gap:16px;align-items:flex-start;}.item-text h4{font-size:20px;font-weight:600;margin:0 0 10px 0;color:#1a202c;line-height:1.4;padding:0;display:flex;align-items:center;gap:10px;text-align:left !important;text-transform:none !important;}.item-text p{font-size:16px;color:#64748b;line-height:1.7;padding:0;text-align:left !important;}.security-badge-section{text-align:center;padding:0;box-sizing:border-box;}.security-badge-icon{width:120px;height:120px;margin:0 auto 32px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}.security-badge-icon i{font-size:48px;color:#69BDE0;}.security-badge-section h2{font-size:32px;font-weight:700;margin-bottom:12px;color:#1a202c;line-height:1.3;padding:0;text-align:center !important;text-transform:none !important;}.security-badge-section p{font-size:18px;color:#64748b;padding:0;text-align:center !important;max-width:800px;margin:0 auto 48px auto;}.security-checklist-card{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;padding:32px !important;max-width:500px !important;margin:0 auto !important;box-shadow:0 4px 12px rgba(0,0,0,0.06) !important;box-sizing:border-box !important;}.security-checklist-card p{display:none !important;margin:0 !important;padding:0 !important;}.security-checklist-card br{display:none !important;}.security-checklist-item{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:24px 0 !important;box-sizing:border-box !important;gap:24px !important;width:100% !important;}.security-checklist-item:not(:last-child){border-bottom:1px solid #e5e7eb !important;}.security-checklist-item:first-child{padding-top:0 !important;}.security-checklist-item:last-child{padding-bottom:0 !important;}.checklist-text{flex:1 !important;font-size:16px !important;color:#1a202c !important;margin:0 !important;padding:0 !important;line-height:1.5 !important;text-align:left !important;display:block !important;font-weight:normal !important;}.checklist-icon{flex-shrink:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:24px !important;height:24px !important;}.security-checklist-item p{display:none !important;}.security-checklist-item > *:not(.checklist-text):not(.checklist-icon){display:none !important;}.faq-container{max-width:800px;margin:0 auto;}.faq-item{border-bottom:1px solid #e2e8f0;margin-bottom:0;}.faq-item:last-child{border-bottom:none;}.faq-toggle{display:none;}.faq-question{display:block;width:100%;padding:24px 0;cursor:pointer;font-size:17px;font-weight:600;color:#1a202c;line-height:1.4;position:relative;transition:color 0.2s ease;text-align:left !important;}.faq-question:hover{color:#69BDE0;}.faq-arrow{position:absolute;right:0;top:24px;font-size:24px;font-weight:300;color:#94a3b8;transition:transform 0.3s ease;}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}.faq-answer p{padding:0 0 24px 0;margin:0;font-size:16px;color:#64748b;line-height:1.7;text-align:left !important;}.faq-toggle:checked + .faq-question{color:#69BDE0;}.faq-toggle:checked + .faq-question .faq-arrow{transform:rotate(45deg);}.faq-toggle:checked ~ .faq-answer{max-height:200px;}@media(max-width:768px){.intro-section{padding:0;}.hero-half-phone img{top:-25px;}.hero-half-phone{box-shadow:0 0 0 8px rgba(160,160,160,0.5);}.phone-mockup img{top:0;}.phone-mockup{box-shadow:0 0 0 7px rgba(160,160,160,0.5);}.half-phone img{top:0;}.hero-overlay-top{top:15px;right:-25px;padding:6px 10px;gap:6px;}.hero-overlay-top i{width:14px !important;height:14px !important;}.hero-overlay-top .label-subtitle{font-size:9px !important;}.hero-overlay-top .label-title{font-size:11px !important;}.hero-overlay-middle{bottom:120px;right:-25px;padding:8px 12px;gap:8px;}.hero-overlay-middle i{width:18px !important;height:18px !important;}.hero-overlay-middle .label-subtitle{font-size:10px !important;}.hero-overlay-middle .label-title{font-size:12px !important;}.hero-overlay-bottom{bottom:60px;left:-25px;padding:7px 12px;gap:7px;}.hero-overlay-bottom i{width:16px !important;height:16px !important;}.hero-overlay-bottom .label-subtitle{font-size:9px !important;}.hero-overlay-bottom .label-title{font-size:11px !important;}.hero-text h1{font-size:32px;}.hero-text p{font-size:18px;}.intro-content{grid-template-columns:1fr;gap:40px;}.intro-visual{margin-top:0;}.hero-half-phone{width:260px;height:340px;}.section{padding:50px 0;}.section-alt{padding:50px 0;}.section-header h2{font-size:28px;}.section-header p{font-size:16px;padding:0 20px;}.two-col-feature{grid-template-columns:1fr;gap:40px;}.two-col-visual{margin-top:20px;padding:30px 20px;}.phone-mockup{width:220px;height:440px;margin:0 auto;}.feature-section-title{font-size:28px;line-height:1.3;}.feature-section-desc{font-size:15px;}.three-col-process{grid-template-columns:1fr !important;gap:40px;width:100% !important;}.process-col{width:100%;max-width:100%;}.phone-feature-grid{grid-template-columns:1fr;gap:40px;}.phone-feature-grid > div:first-child{order:2;}.phone-feature-grid > .feature-grid-2x2{order:1;}.feature-grid-2x2{grid-template-columns:1fr;gap:20px;}.grid-feature-item h4{font-size:16px;}.grid-feature-item p{font-size:13px;}.icon-text-grid{grid-template-columns:1fr;gap:32px;padding:50px 24px;background:linear-gradient(to bottom,#fff 0%,#fafbfc 100%);}.icon-text-item{display:block;}.item-text h4{font-size:18px;margin-bottom:12px;}.item-text h4 i{display:inline-block;margin-right:8px;}.item-text p{font-size:15px;line-height:1.6;}.faq-container{padding:0 12px;}.faq-question{font-size:16px;padding:20px 40px 20px 0;}.faq-arrow{top:20px;}.faq-answer p{font-size:15px;padding-right:20px;}.faq-toggle:checked ~ .faq-answer{max-height:400px;}.process-col h3{height:auto;min-height:auto;font-size:22px;}.process-col p{height:auto;min-height:auto;margin-bottom:20px;font-size:15px;}.process-card{height:260px;}.half-phone{width:180px;height:360px;}.three-col-process .half-phone img{top:-15px !important;}.accordion-content.active{max-height:350px;}.accordion-text p{font-size:14px;}.care-accordion-trigger{font-size:13px !important;padding:18px 0 !important;}.security-badge-section h2{font-size:28px;}.security-badge-section p{font-size:16px;padding:0 20px;}.security-checklist-card{margin:0 20px;padding:24px;}.security-checklist-item{padding:20px 0 !important;gap:16px !important;}.security-checklist-item:first-child{padding-top:0 !important;}.security-checklist-item:last-child{padding-bottom:0 !important;}.checklist-text{font-size:15px !important;}}