.page-blog-app-web{background-color:#08160F;color:#F2FFF6;font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden;font-size:16px;line-height:1.6}.page-blog-app-web a{color:#22C768}.page-blog-app-web__hero-section{display:flex;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto;padding:10px 0 30px}.page-blog-app-web__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}.page-blog-app-web__hero-image{width:100%;height:auto;aspect-ratio:16/6.5;object-fit:cover;display:block;border-radius:16px;border:1px solid #2E7A4E;box-shadow:0 12px 30px rgba(0,0,0,0.5)}.page-blog-app-web__hero-content{width:100%;max-width:1200px;margin:24px auto 0;text-align:center}.page-blog-app-web__hero-title{color:#22C768;font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:800;line-height:1.3;letter-spacing:0.5px;margin:0 auto 16px;max-width:950px}.page-blog-app-web__hero-description{color:#A7D9B8;font-family:'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(1.1rem, 2.5vw, 1.5rem);line-height:1.6;max-width:850px;margin:0 auto 24px}.page-blog-app-web__hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.page-blog-app-web__btn-primary,.page-blog-app-web__btn-secondary,.page-blog-app-web__btn-gold{display:inline-block;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem}.page-blog-app-web__btn-primary{background-image:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#fff;border:1px solid #22C768;box-shadow:0 4px 12px rgba(34,199,104,0.25)}.page-blog-app-web__btn-primary:hover{background-image:linear-gradient(180deg,#3ee080 0%,#17b356 100%)}.page-blog-app-web__btn-secondary{background-color:transparent;color:#A7D9B8;border:1px solid #2E7A4E;box-sizing:border-box}.page-blog-app-web__btn-secondary:hover{border-color:#57E38D;color:#F2FFF6;background-color:rgba(18,80,48,0.3)}.page-blog-app-web__btn-gold{background-image:linear-gradient(180deg,#F7D37E 0%,#E0A82E 100%);color:#08160F;border:1px solid #F2C14E;box-shadow:0 4px 12px rgba(242,193,78,0.2)}.page-blog-app-web__btn-gold:hover{background-image:linear-gradient(180deg,#ffe49a 0%,#f0b63d 100%)}html{scrollbar-color:#2E7A4E #11271B}.page-blog-app-web__intro-section{background-color:#11271B;border:1px solid #2E7A4E;box-shadow:0 6px 18px rgba(0,0,0,0.35);padding:36px 20px;margin-bottom:32px}.page-blog-app-web__intro-wrapper{max-width:1000px;margin:0 auto;width:100%}.page-blog-app-web__section-title{color:#22C768;font-size:2rem;text-align:center;font-weight:800;padding-bottom:12px;margin:0 0 20px;position:relative}.page-blog-app-web__section-title:after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:4px;background-color:#2E7A4E;border-radius:2px;transform:translateX(-50%)}.page-blog-app-web__intro-text{font-size:1.08rem;margin-bottom:28px;color:#A7D9B8}.page-blog-app-web__intro-text strong{color:#57E38D}.page-blog-app-web__accordion{border-bottom:1px solid #2E7A4E}.page-blog-app-web__accordion summary{list-style:none;cursor:pointer;padding:20px 0;position:relative;display:flex;justify-content:space-between;align-items:center}.page-blog-app-web__accordion summary::-webkit-details-marker{display:none}.page-blog-app-web__accordion summary h3{color:#57E38D;font-size:1.2rem;margin:0}.page-blog-app-web__accordion-icon{color:#22C768;font-size:1.5rem;font-weight:bold}.page-blog-app-web__comparison-section{background-color:#11271B;padding:40px 20px;margin-bottom:32px}.page-blog-app-web__comparison-table{width:100%;border-collapse:collapse;background-color:transparent;margin-top:20px}.page-blog-app-web__comparison-table th,.page-blog-app-web__comparison-table td{border:1px solid #2E7A4E;padding:14px 10px;text-align:left}.page-blog-app-web__comparison-table th{background:#0A4B2C;color:#F2FFF6;font-weight:bold}.page-blog-app-web__comparison-table td{background-color:#11271B}.page-blog-app-web__comparison-table .page-blog-app-web__table-highlight{background:#0A4B2C;font-weight:bold}.page-blog-app-web__table-note{font-size:0.85rem;color:#4CAF50}.page-blog-app-web__feature-section{background-color:#11271B;border:1px solid #1E3A2A;border-radius:12px;max-width:1200px;margin:0 auto 24px;padding:32px 20px;box-shadow:0 6px 20px rgba(0,0,0,0.3)}.page-blog-app-web__feature-section--reverse .page-blog-app-web__feature-wrapper{flex-direction:row-reverse}.page-blog-app-web__feature-wrapper{display:flex;align-items:flex-start;gap:32px}.page-blog-app-web__feature-wrapper{display:flex}.page-blog-app-web__feature-wrapper{flex-direction:row}.page-blog-app-web__feature-image-block{width:45%;flex-shrink:0}.page-blog-app-web__feature-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background-repeat:no-repeat}.page-blog-app-web__feature-content{flex:1}.page-blog-app-web__feature-title{color:#22C768;font-size:1.5rem;margin:0 0 12px;font-weight:bold}.page-blog-app-web__feature-list{list-style:none;padding:0;margin:0}.page-blog-app-web__feature-item{margin-bottom:10px;color:#A7D9B8}.page-blog-app-web__feature-item::before{content:"▸";color:#57E38D;display:inline-block;width:1.2em;font-weight:bold}.page-blog-app-web__strong{color:#F2FFF6}.page-blog-app-web__comparison-table td,.page-blog-app-web__comparison-table th{background:#11271B}.page-blog-app-web__comparison-table tr:hover td{background:#11271B}.page-blog-app-web__comparison-table tr:hover td{background:#0A4B2C}.page-blog-app-web__intro-section,.page-blog-app-web__comparison-section,.page-blog-app-web__detail-section,.page-blog-app-web__faq-section{background-color:#11271B}.page-blog-app-web__detail-section{background-color:#11271B;border:1px solid #2E7A4E;padding:36px 20px;margin:40px auto;border-radius:12px;max-width:1100px}.page-blog-app-web__detail-intro{color:#A7D9B8}.page-blog-app-web__detail-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;margin:24px 0}.page-blog-app-web__detail-card{background-color:#11271B;border:1px solid #1E3A2A;border-radius:12px;padding:20px;transition:transform 0.2s}.page-blog-app-web__detail-card:hover{transform:translateY(-5px)}.page-blog-app-web__detail-card-title{color:#22C768;font-size:1.15rem;font-weight:bold;margin-bottom:8px}.page-blog-app-web__detail-card-text{color:#A7D9B8;font-size:1rem}.page-blog-app-web__detail-btn-container{text-align:center;margin-top:24px}.page-blog-app-web__cta-btn{display:inline-block;width:auto;background-color:#11A84E;color:#ffffff;padding:14px 28px;border:0;border-radius:8px;font-size:1rem;font-weight:bold;text-decoration:none;line-height:1.4}.page-blog-app-web__cta-btn:hover{background-color:#006b32}.page-blog-app-web__faq-section{background-color:#11271B;border-radius:12px;padding:24px;max-width:1000px;margin:0 auto;box-shadow:0 4px 20px rgba(0,0,0,0.2)}.page-blog-app-web__faq-list{display:flex;flex-direction:column;gap:12px}.page-blog-app-web__faq-item{background-color:rgba(10,75,44,0.4);border:1px solid #2E7A4E;border-radius:8px;padding:12px 16px}.page-blog-app-web__faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:bold;color:#A7D9B8}.page-blog-app-web__faq-item summary::-webkit-details-marker{display:none}.page-blog-app-web__faq-toggle{flex-shrink:0;color:#57E38D;font-size:1.2rem;font-weight:bold;margin-left:12px}.page-blog-app-web__faq-item p{color:#A7D9B8;margin-top:12px}.page-blog-app-web__faq-note{background:#0A4B2C;border:1px solid #2E7A4E;border-radius:16px;padding:34px;margin-top:16px;text-align:center;display:flex;flex-direction:column;align-items:center}.page-blog-app-web__faq-note p{color:#A7D9B8}.page-blog-app-web__faq-note-text{text-align:center}.page-blog-app-web__info-badge{padding:8px 24px;background:#082a16;border-radius:40px;border:1px solid #2E7A4E}.page-blog-app-web__external-link{color:#81e2a5}.page-blog-app-web img{max-width:100%;height:auto;display:block}.page-blog-app-web__cta-btn{color:#fff}@font-face{font-display:swap;font-family:"Inter"}.page-blog-app-web__table-column{flex:1;border-right:1px solid #1E3A2A;padding:10px}.page-blog-app-web__table-column:last-child{border-right:none}.page-blog-app-web__comparison-table{display:flex;flex-wrap:wrap}.page-blog-app-web__table-column--header .page-blog-app-web__table-item{font-weight:bold;color:#22C768}.page-blog-app-web__table-item{background:#11271B;border-bottom:1px solid #1E3A2A;padding:12px}.page-blog-app-web__table-item--title{color:#57E38D;font-weight:bold}.page-blog-app-web__table-column--highlight .page-blog-app-web__table-item{background:#0A4B2C}.page-blog-app-web__faq-note{background:#0A4B2C}.page-blog-app-web__faq-section{background-color:#11271B}.page-blog-app-web__detail-section{background-color:#11271B;border:1px solid #1E3A2A}.page-blog-app-web__feature-section{background:#0a2b14}.page-blog-app-web__feature-list{display:flex;flex-direction:column}.page-blog-app-web__feature-section--reverse .page-blog-app-web__feature-wrapper{flex-direction:row-reverse}@media (max-width: 768px){.page-blog-app-web__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 8px 20px}.page-blog-app-web__comparison-table{display:flex;flex-wrap:wrap}.page-blog-app-web__table-column{flex:1 0 100%;max-width:100%}.page-blog-app-web__table-column--header{display:none}.page-blog-app-web__table-item{font-size:0.95rem}.page-blog-app-web__feature-wrapper{flex-direction:row}.page-blog-app-web__feature-wrapper{flex-direction:column}.page-blog-app-web__feature-section--reverse .page-blog-app-web__feature-wrapper{flex-direction:column}.page-blog-app-web__feature-wrapper{flex-direction:column;align-items:center}.page-blog-app-web__feature-section,.page-blog-app-web__detail-section,.page-blog-app-web__faq-section{padding:20px 20px}.page-blog-app-web__detail-grid{grid-template-columns:1fr}.page-blog-app-web__intro-section{padding:20px}.page-blog-app-web__btn-primary,.page-blog-app-web__btn-secondary,.page-blog-app-web__btn-gold{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-blog-app-web__hero-buttons,.page-blog-app-web__faq-note{flex-direction:column;gap:10px;align-items:stretch}.page-blog-app-web .page-blog-app-web__hero-buttons .page-blog-app-web__btn-primary,.page-blog-app-web .page-blog-app-web__hero-buttons .page-blog-app-web__btn-secondary{width:100%}.page-blog-app-web .page-blog-app-web__faq-note .page-blog-app-web__btn-gold{width:100%}.page-blog-app-web__feature-image-block,.page-blog-app-web__feature-content{width:100%}.page-blog-app-web img{max-width:100%;height:auto}.page-blog-app-web--intro-text{font-size:0.95rem}.page-blog-app-web__section-title{font-size:1.8rem}.page-blog-app-web__feature-title{font-size:1.3rem}}@media (max-width: 1024px) and (min-width: 769px){.page-blog-app-web__detail-grid{grid-template-columns:repeat(2, 1fr)}.page-blog-app-web__feature-section,.page-blog-app-web__detail-section,.page-blog-app-web__faq-section{max-width:100%;padding:32px 24px}.page-blog-app-web__feature-wrapper{gap:24px}.page-blog-app-web__feature-title{font-size:1.4rem}}