*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{color:#1a2a5e;text-align:center;margin-bottom:48px;font-size:2rem;font-weight:900;position:relative}.section-title:after{content:"";background:#06c;border-radius:2px;width:60px;height:4px;margin:12px auto 0;display:block}.btn-orange{color:#fff;cursor:pointer;background:#f60;border-radius:50px;padding:16px 36px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-block;box-shadow:0 4px 16px #ff660059}.btn-orange:hover{background:#e55a00;transform:translateY(-3px);box-shadow:0 8px 24px #ff660073}.img-placeholder{color:#7a8aaa;background:#f0f4f8;border:2px dashed #aab4c8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.navbar{z-index:1000;background:#fff;width:100%;position:fixed;top:0;left:0;box-shadow:0 2px 12px #0000001a}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.navbar-logo{color:#1a2a5e;letter-spacing:.02em;white-space:nowrap;font-size:1.25rem;font-weight:900}.navbar-menu{align-items:center;gap:24px;list-style:none;display:flex}.navbar-menu li a{color:#333;font-size:.9rem;font-weight:500;transition:color .2s}.navbar-menu li a:hover{color:#06c}.navbar-menu .btn-nav{color:#fff;background:#f60;border-radius:50px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 2px 8px #ff66004d}.navbar-menu .btn-nav:hover{color:#fff;background:#e55a00;transform:translateY(-2px);box-shadow:0 4px 14px #f606}#hero{background:#fff;padding:120px 0 80px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-sub{color:#1a2a5e;margin-bottom:8px;font-size:1rem;font-weight:500}.hero-title{color:#1a2a5e;margin-bottom:4px;font-size:3.2rem;font-weight:900;line-height:1.25}.hero-title2{color:#1a2a5e;margin-bottom:20px;font-size:3.2rem;font-weight:900;line-height:1.25}.hero-tagline{color:#666;margin-bottom:32px;font-size:1.05rem}.hero-features{flex-direction:column;gap:10px;margin-bottom:36px;list-style:none;display:flex}.hero-features li{color:#333;align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.hero-features li .icon{font-size:1.3rem}.hero-cta-label{color:#888;margin-bottom:8px;font-size:.8rem}.manga-grid{aspect-ratio:1;border:3px solid #1a2a5e;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden;box-shadow:6px 6px #1a2a5e}.koma{color:#1a2a5e;text-align:center;background:#fff;border:1.5px solid #1a2a5e;justify-content:center;align-items:center;padding:16px;font-size:.9rem;font-weight:700;line-height:1.5;transition:background .2s;display:flex}.koma:hover{background:#f0f4ff}.koma.koma-img{padding:0}.koma.koma-img .img-placeholder{border:none;border-radius:0;width:100%;height:100%}#commitment{background:#1a2a5e;padding:72px 0}.commitment-title{color:#fff;text-align:center;margin-bottom:48px;font-size:1.8rem;font-weight:900}.commitment-cards{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.commitment-card{color:#1a2a5e;text-align:center;background:#fff;border-radius:12px;padding:24px 16px;font-size:.95rem;font-weight:700;line-height:1.6;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026}.commitment-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.commitment-card .card-icon{margin-bottom:12px;font-size:1.8rem}#services{background:#fff;padding:88px 0}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-card{background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 16px #1a2a5e1a}.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #1a2a5e2e}.service-card-top{height:6px}.service-card-top.c1{background:#06c}.service-card-top.c2{background:#c00}.service-card-top.c3{background:#1a2a5e}.service-card-top.c4{background:#f60}.service-card-body{padding:28px 24px}.service-icon{margin-bottom:14px;font-size:2rem}.service-name{color:#1a2a5e;margin-bottom:10px;font-size:1.05rem;font-weight:700}.service-desc{color:#555;font-size:.88rem;line-height:1.75}#reasons{background:#f5f7fa;padding:88px 0}.reasons-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.reason-card{background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 14px #1a2a5e17}.reason-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px #1a2a5e29}.reason-img{width:100%;height:180px}.reason-img .img-placeholder{border:none;border-bottom:2px dashed #aab4c8;border-radius:0;height:100%}.reason-body{padding:24px}.reason-name{color:#1a2a5e;margin-bottom:8px;font-size:1.1rem;font-weight:700}.reason-desc{color:#555;font-size:.9rem}#flow{background:#fff;padding:88px 0}.flow-steps{align-items:stretch;display:flex}.flow-step{text-align:center;background:#f5f7fa;border-radius:12px;flex:1;padding:28px 16px;transition:transform .2s,box-shadow .2s}.flow-step:hover{transform:translateY(-4px);box-shadow:0 8px 22px #1a2a5e1f}.flow-arrow{color:#06c;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:1.6rem;display:flex}.flow-step-num{color:#fff;background:#1a2a5e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 14px;font-size:.85rem;font-weight:700;display:flex}.flow-step-icon{margin-bottom:12px;font-size:2rem}.flow-step-name{color:#1a2a5e;margin-bottom:8px;font-size:.95rem;font-weight:700}.flow-step-desc{color:#555;font-size:.82rem;line-height:1.7}#pricing{background:#fff;padding:88px 0}.pricing-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.pricing-title{color:#1a2a5e;font-size:2rem;font-weight:900}.pricing-table-wrap{max-width:600px;margin:0 auto}.pricing-table{border-collapse:collapse;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 16px #1a2a5e1a}.pricing-table thead{color:#fff;background:#1a2a5e}.pricing-table thead th{text-align:left;padding:16px 24px;font-size:.95rem;font-weight:700}.pricing-table tbody tr{border-bottom:1px solid #e8ecf4;transition:background .15s}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table tbody tr:hover{background:#f0f4ff}.pricing-table tbody tr.featured{background:#eef4ff}.pricing-table td{padding:18px 24px;font-size:.95rem}.pricing-table td:first-child{color:#1a2a5e;font-weight:700}.pricing-table td:last-child{color:#c00;font-size:1.1rem;font-weight:700}.pricing-note{color:#888;text-align:center;margin-top:14px;font-size:.82rem}.pricing-more{text-align:center;margin-top:20px}.pricing-more a{color:#06c;font-size:.95rem;font-weight:700;transition:color .2s}.pricing-more a:hover{color:#049}#footer-cta{background:#1a2a5e;padding:80px 0 60px}.footer-cta-inner{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-cta-left{flex:1}.footer-cta-sub{color:#fffc;margin-bottom:12px;font-size:1.1rem}.footer-cta-heading{color:#fff;margin-bottom:32px;font-size:2.6rem;font-weight:900;line-height:1.3}.footer-cta-right{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-badge{color:#fff;text-align:center;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50px;max-width:220px;padding:10px 20px;font-size:.85rem;font-weight:700}.footer-copy{text-align:center;color:#ffffff80;padding:28px 0 8px;font-size:.82rem}@media (max-width:1024px){.commitment-cards{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar-menu{display:none}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-title,.hero-title2{font-size:2.3rem}.manga-grid{max-width:320px;margin:0 auto}.commitment-title{font-size:1.4rem}.commitment-cards{grid-template-columns:repeat(2,1fr)}.services-grid,.reasons-grid{grid-template-columns:1fr}.flow-steps{flex-direction:column;gap:12px}.flow-arrow{margin:0 auto;transform:rotate(90deg)}.footer-cta-inner{text-align:center;flex-direction:column}.footer-cta-heading{font-size:1.8rem}.section-title{font-size:1.6rem}}@media (max-width:480px){.commitment-cards{grid-template-columns:1fr 1fr}.hero-title,.hero-title2{font-size:1.9rem}}