.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to bottom,#005bac,#0073d1);color:#fff;padding:120px 20px 100px;background-image:url(https://via.placeholder.com/1600x600);background-size:cover;background-position:center;position:relative}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px}.hero h1{font-size:2.8em;margin-bottom:20px}.hero p{font-size:1.3em;margin-bottom:30px}.hero a{display:inline-block;background-color:#fff;color:#005bac;padding:14px 28px;border-radius:6px;text-decoration:none;font-weight:700}section{padding:60px 20px;max-width:1050px;margin:auto;animation:fadeUp 1s ease}.pr,.problems,.categories,.reasons{gap:20px}.problems{padding-bottom:20px}.reasons{padding:0;width:100%;max-width:100%;background-color:#f9f9f9}.reasons-content{padding:0 0 60px;margin:0 auto;max-width:1200px}.section-arrow-down{width:0;height:0;border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:130px solid white;margin:0 auto;position:relative;padding:0 0 30px;z-index:1}.problem-contents{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.problem-contents a{display:inline-block;margin-top:10px;padding:8px 12px;background-color:#007acc;color:#fff;text-decoration:none;border-radius:4px;font-size:.9em}.problem,.category,.reason{flex:0 0 calc((100% - 40px) / 3);background-color:#f4f9fd;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d;text-align:center;transition:transform .3s;box-sizing:border-box}.problem:hover,.category:hover,.reason:hover{transform:translateY(-5px)}h2{color:#000;text-align:center;font-size:2em}h3{color:#005bac;font-size:1.8em}.problem img,.category img,.reason img{width:100%;height:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:10px}.plans table{width:100%;border-collapse:collapse;margin-top:20px}.plans th,.plans td{border:1px solid #ccc;padding:12px;text-align:center}.faq dt{font-weight:700;margin-top:20px}.cta{text-align:center;background-color:#005bac;color:#fff;padding:60px 20px;border-radius:8px}.cta h2{text-align:center;background-color:#005bac;color:#fff}.cta a{display:inline-block;margin-top:20px;padding:14px 28px;background-color:#fff;color:#005bac;border-radius:4px;text-decoration:none;font-weight:700}@media (max-width: 768px){.problems,.categories,.reasons{flex-direction:column}.problem,.category,.reason{flex:1 1 100%}nav ul{flex-direction:column;align-items:flex-start}nav li{margin:10px 0}.hero h1{font-size:2em}.hero p{font-size:1em}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{display:flex;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin:28px auto;max-width:1000px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001f}.card-image{width:175px;height:175px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.card-left{flex-direction:row;margin-left:0}.card-right{flex-direction:row-reverse;margin-right:0}.card-content{padding:20px;flex:1}.card-title{margin-top:0;margin-bottom:8px;font-size:1.4rem;color:#333}.card-text{margin-bottom:12px;font-size:1.1rem;color:#555;font-weight:500}.card-link{color:#007bff;text-decoration:none;font-weight:700}.card-link:hover{text-decoration:underline}.flow-section{margin:0;max-width:100%;padding:60px 20px;background-color:#f9f9f9;text-align:center}.flow-title{font-size:2em;margin-bottom:40px}.flow-container{padding:0 20px}.flow-container.no-slick{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.flow-step{background:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001f;padding:20px;width:240px;margin:0 10px;flex-shrink:0;position:relative}.slick-track{padding-bottom:20px}.slick-dots{display:flex!important;justify-content:center;padding-left:0;list-style:none}.slick-dots li{margin:0 4px}.slick-dots button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:#ccc;text-indent:-9999px;overflow:hidden;cursor:pointer}.slick-dots .slick-active button{background:#007bff}.step-number{background:#007bff;color:#fff;border-radius:50%;width:40px;height:40px;line-height:40px;font-size:1.2em;margin:0 auto 10px}.step-title{font-size:1.1em;font-weight:700;margin:10px 0}.step-desc{font-size:.95em;color:#555}.arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #ccc}@media (max-width: 768px){.problem,.category,.reason{flex:0 0 calc((100% - 20px)/2)}section{max-width:100%;padding:40px 10px}.hero{padding:80px 16px 60px;background-position:center top;background-size:cover}.hero h1{font-size:1.8em;line-height:1.3}.hero p{font-size:1em}.hero a{padding:12px 24px;font-size:1em}.reasons-content{width:90%;max-width:100%;padding:40px 0}h2{font-size:1.6rem}.card{flex-direction:column!important;text-align:center;max-width:100%}.card-image{width:100%;height:auto}.card-content{padding:16px}.flow-section{padding:40px 0}.flow-container{padding:0 8px}.flow-step{width:180px;min-height:180px;padding:16px}.flow-title{font-size:1.5em}.cta{padding:40px 16px}.cta h2{font-size:1.5em}.cta a{font-size:1em;padding:12px 24px}.section-arrow-down{border-top-width:60px;padding-bottom:16px}.plans th,.plans td{font-size:.85em;padding:8px}.faq dt{font-size:1em}}.hero{height:calc(65dvh - var(--header-h, 0px))}@supports not (height: 100dvh){.hero{height:calc(100vh - var(--header-h, 0px))}}.hero{padding-top:0;padding-bottom:0}.hero{display:grid;place-items:center;padding-left:20px;padding-right:20px}.hero-video{-o-object-position:50% 35%;object-position:50% 35%}@media (max-width: 768px){.hero{height:calc(50svh - var(--header-h, 0px));padding-left:16px;padding-right:16px}}
