.service-hp-page{color:var(--color-text);background:#fff}.hp-hero{background:#fff;align-items:center;min-height:650px;margin-top:-72px;padding-top:72px;display:flex;position:relative;overflow:hidden}.hp-hero-background{background:url(/images/renewal/service-hp.webp) 50%/cover no-repeat;position:absolute;inset:0}.hp-hero-gradient{background:var(--overlay-header);width:58%;position:absolute;inset:0 auto 0 0}.hp-hero-content{z-index:2;width:min(var(--container-width),calc(100% - 48px));margin:0 auto;position:relative}.hp-hero-label,.hp-section-label{color:var(--color-primary);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hp-hero-label-dot{display:none}.hp-hero-title{max-width:760px;font-size:var(--text-4xl);line-height:var(--leading-heading);margin-top:18px}.hp-hero-title-accent{color:var(--color-text)}.hp-hero-text{max-width:650px;color:var(--color-text-light);font-size:var(--text-sm);line-height:var(--leading-body);margin-top:18px}.hp-hero-features{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:0;width:max-content;margin-top:20px;display:flex}.hp-hero-feature{border-right:1px solid var(--color-border);color:var(--color-primary-dark);font-size:var(--text-xs);padding:8px 14px}.hp-hero-feature:first-child{border-left:1px solid var(--color-border)}.hp-hero-cta{background:var(--color-cta);color:#fff;min-height:50px;margin-top:24px;padding:0 24px}.hp-problems,.hp-service-overview,.hp-reasons-section,.hp-aisearch,.hp-pricing,.hp-flow,.hp-faq{padding:var(--section-py)0}.hp-problems,.hp-reasons-section,.hp-pricing,.hp-faq{background:var(--color-bg-gray)}.hp-why-now{padding:var(--section-py)0;background:var(--color-primary-dark);color:#fff}.hp-section-title{color:var(--color-text);font-size:var(--text-3xl);line-height:var(--leading-heading);text-align:left;margin-top:12px}.hp-section-title.light{color:#fff}.hp-section-subtitle{color:var(--color-text-light);font-size:var(--text-sm);line-height:var(--leading-body);margin-top:12px}.hp-section-label.light{color:var(--color-cyan-on-dark)}.problems-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}.problem-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:180px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:27px;display:flex}.problem-card-icon{width:36px;height:36px;color:var(--color-cta)}.problem-card-icon svg{width:100%;height:100%}.problem-card-text{font-size:var(--text-sm);margin-top:18px;line-height:1.7}.problems-solution{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:left;background:0 0;border-radius:0;margin-top:28px;padding:20px 0}.problems-solution p{font-size:var(--text-base)}.problems-solution strong{color:var(--color-primary)}.why-now-grid{border-top:1px solid var(--color-on-dark-border);border-left:1px solid var(--color-on-dark-border);grid-template-columns:repeat(3,1fr);margin-top:40px;display:grid}.why-now-card{border-right:1px solid var(--color-on-dark-border);border-bottom:1px solid var(--color-on-dark-border);text-align:left;background:0 0;border-radius:0;min-height:220px;padding:30px}.why-now-card.accent{background:#ffffff0d}.why-now-number{color:var(--color-cyan-on-dark);font-size:var(--text-4xl);font-weight:800;line-height:1}.why-now-number span{font-size:var(--text-2xl)}.why-now-icon{background:0 0;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 0 22px;display:flex}.why-now-icon svg{width:28px;height:28px;color:var(--color-cyan-on-dark)}.why-now-text{color:#ffffffc2;font-size:var(--text-sm);margin-top:20px}.why-now-message{border-top:1px solid var(--color-on-dark-border);border-bottom:1px solid var(--color-on-dark-border);text-align:left;background:0 0;border-radius:0;margin-top:28px;padding:20px 0}.why-now-message p{font-size:var(--text-base)}.why-now-message strong{color:var(--color-cyan-on-dark)}.service-flow-visual{grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:stretch;margin-top:42px;display:grid}.flow-step-card{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:0;min-width:0;padding:28px}.flow-step-number{color:var(--color-primary);font-size:var(--text-2xs);font-weight:900}.flow-step-card h3{font-size:var(--text-lg);margin-top:18px}.flow-step-card p{color:var(--color-text-light);font-size:var(--text-xs);margin-top:7px}.flow-connector{justify-content:center;align-items:center;display:flex}.flow-connector svg{width:19px;color:var(--color-primary)}.service-goal-box{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-gray);border-radius:0;align-items:center;gap:14px;margin-top:28px;padding:20px 24px;display:flex}.service-goal-icon{width:24px;height:24px;color:var(--color-primary)}.service-goal-icon svg{width:100%;height:100%}.service-goal-box p{font-size:var(--text-sm)}.reason-cards-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin-top:42px;display:grid}.reason-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:0;box-shadow:none;background:0 0;border-radius:0}.reason-card-header{border-bottom:1px solid var(--color-border);background:0 0;padding:28px}.reason-card-number{color:var(--color-primary);font-size:var(--text-2xs);font-weight:900}.reason-card-title{font-size:var(--text-lg);margin-top:17px}.reason-card-body{padding:28px}.reason-card-description{color:var(--color-text-light);font-size:var(--text-xs);line-height:1.8}.reason-card-comparison,.reason-card-stats,.reason-card-includes{border-top:1px solid var(--color-border);margin-top:18px}.comparison-item,.stat-item,.reason-card-includes span{border-bottom:1px solid var(--color-border);font-size:var(--text-sm);padding:9px 0}.comparison-item.highlight{color:var(--color-primary);background:0 0;font-weight:700}.comparison-label,.stat-label{color:var(--color-text-muted);font-size:var(--text-xs);display:block}.comparison-value,.stat-number{font-weight:700}.stat-divider{display:none}.hp-aisearch-lead{max-width:840px;color:var(--color-text-light);font-size:var(--text-sm);margin-top:18px}.hp-aisearch-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);margin-top:38px;display:grid}.hp-aisearch-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff;border-radius:0;padding:28px}.hp-aisearch-tag{color:var(--color-primary);font-size:var(--text-xs);font-weight:900}.hp-aisearch-title{font-size:var(--text-lg);margin-top:15px}.hp-aisearch-text{color:var(--color-text-light);font-size:var(--text-xs);margin-top:9px}.hp-aisearch-note{color:var(--color-text-light);font-size:var(--text-xs);margin-top:22px}.hp-aisearch-note a{color:var(--color-primary);text-decoration:underline}.pricing-group{margin-top:48px}.pricing-group-title{font-size:var(--text-xl)}.pricing-group-desc{max-width:900px;color:var(--color-text-light);font-size:var(--text-xs);margin-top:9px}.pricing-grid-new{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid}.pricing-card-new{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:none;background:#fff;border-radius:0;position:relative}.pricing-card-header-new,.pricing-card-body-new{padding:24px}.pricing-card-header-new{border-bottom:1px solid var(--color-border)}.pricing-plan-name{font-size:var(--text-lg)}.pricing-plan-desc{color:var(--color-text-light);font-size:var(--text-sm);margin-top:5px}.pricing-amount-row{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.pricing-amount-label{font-size:var(--text-xs)}.pricing-amount-value{color:var(--color-primary-dark);font-size:var(--text-2xl);font-weight:800}.pricing-amount-value small{font-size:var(--text-xs)}.pricing-equiv{color:var(--color-text-light);font-size:var(--text-xs);margin-top:11px}.pricing-features-new{margin-top:16px}.pricing-features-new li{border-top:1px solid var(--color-border);font-size:var(--text-sm);padding:7px 0}.pricing-features-new li.highlight{color:var(--color-primary-dark);font-weight:700}.pricing-recommend-badge,.pricing-premium-badge{background:var(--color-primary);color:#fff;font-size:var(--text-2xs);padding:6px 9px;position:absolute;top:0;right:0}.pricing-premium-badge{background:var(--color-primary-dark)}.pricing-group-note,.pricing-note-new{color:var(--color-text-light);font-size:var(--text-xs);margin-top:15px}.pricing-scope{margin-top:60px}.scope-table-wrap{margin-top:22px;overflow-x:auto}.scope-table{border-collapse:collapse;background:#fff;width:100%}.scope-table th,.scope-table td{border:1px solid var(--color-border);min-width:145px;font-size:var(--text-sm);text-align:left;padding:13px}.scope-table th{background:var(--color-bg-gray)}.scope-emplay{color:var(--color-primary-dark);font-weight:700}.scope-note{color:var(--color-text-light);font-size:var(--text-xs);margin-top:17px}.scope-cta{margin-top:25px}.scope-cta-note{color:var(--color-text-light);font-size:var(--text-xs);margin-top:8px}.hp-flow:before{content:"";width:min(var(--container-width),calc(100% - 48px));background:url(/images/renewal/process.webp) 50%/contain no-repeat;height:380px;margin:0 auto 65px;display:block}.flow-timeline-new{border-top:1px solid var(--color-border);margin-top:38px}.flow-timeline-item{border-bottom:1px solid var(--color-border);grid-template-columns:110px 1fr;padding:22px 0;display:grid}.flow-timeline-marker span{color:var(--color-primary);font-size:var(--text-2xs);font-weight:900}.flow-timeline-content{position:relative}.flow-timeline-content h3{font-size:var(--text-md)}.flow-timeline-period{color:var(--color-primary);font-size:var(--text-xs);position:absolute;top:0;right:0}.flow-timeline-content p{color:var(--color-text-light);font-size:var(--text-xs);margin-top:7px}.flow-result-box{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-gray);margin-top:28px;padding:22px}.flow-result-phases{gap:20px;display:flex}.flow-result-phase{font-size:var(--text-xs)}.phase-label{color:var(--color-primary);font-weight:800}.phase-name{display:block}.faq-list-new{border-top:1px solid var(--color-border);margin-top:38px}.faq-item-new{border-bottom:1px solid var(--color-border)}.faq-question-new{text-align:left;width:100%;color:var(--color-text);font-size:var(--text-sm);justify-content:space-between;padding:22px 0;font-weight:700;display:flex}.faq-toggle-new{color:var(--color-primary)}.faq-answer-new{color:var(--color-text-light);font-size:var(--text-xs);padding:0 0 22px;display:none}.faq-item-new.open .faq-answer-new{display:block}.hp-cta{background:var(--color-bg-band);padding:72px 0}.cta-content-new{justify-content:space-between;align-items:center;gap:56px;display:flex}.cta-title-new{font-size:var(--text-3xl);line-height:var(--leading-heading)}.cta-text-new{color:var(--color-text-light);font-size:var(--text-xs);margin-top:8px}.cta-button-new{background:var(--color-cta);color:#fff}.service-hp-page .contact-section-page{background:var(--color-primary-dark)}@media (max-width:700px){.hp-hero{align-items:flex-start;min-height:690px;margin-top:-60px;padding-top:60px}.hp-hero-background{background-position:62%}.hp-hero-gradient{background:#ffffffe3;width:100%}.hp-hero-content{width:calc(100% - 36px);padding-top:100px}.hp-hero-text{font-size:var(--text-xs)}.hp-hero-features{width:100%}.hp-hero-feature{font-size:var(--text-xs)}.hp-hero-cta{width:100%}.hp-problems,.hp-why-now,.hp-service-overview,.hp-reasons-section,.hp-aisearch,.hp-pricing,.hp-flow,.hp-faq{padding:64px 0}.problems-grid,.why-now-grid,.reason-cards-grid,.hp-aisearch-grid,.pricing-grid-new{border-left:0;grid-template-columns:1fr}.problem-card,.why-now-card,.reason-card,.hp-aisearch-card,.pricing-card-new{border-right:0}.service-flow-visual{grid-template-columns:1fr}.flow-connector{height:34px;transform:rotate(90deg)}.lp-flow:before,.hp-flow:before{height:260px;margin-bottom:42px}.flow-timeline-item{grid-template-columns:72px 1fr}.flow-timeline-period{margin-top:3px;display:block;position:static}.flow-result-phases{grid-template-columns:1fr 1fr;display:grid}.cta-content-new{display:block}.cta-button-new{width:100%;margin-top:24px}}@media (max-width:768px){.hp-hero-background{background-image:url(/images/renewal/service-hp-sm.webp)}.hp-flow:before{background-image:url(/images/renewal/process-sm.webp)}}