.hero{.hero__container{gap:104px;.hero__image{pointer-events:none;opacity:1;img{display:block;width:100%}}.hero__text{h1{font-size:54px;line-height:var(--leading-tight);display:flex;flex-direction:column;span{width:fit-content}}p{font-weight:400}}}}@media(900px<width<=1300px){.hero{.hero__container{gap:60px;.hero__text{h1{font-size:46px;line-height:var(--leading-moderate)}}.hero__image{img{object-fit:contain}}}}}@media(600px<width<=900px){.hero{.hero__container{gap:60px;.hero__text{h1{font-size:50px;line-height:var(--leading-tight)}}.hero__image{img{object-fit:contain}}}}}@media(360px<width<=600px){.hero{.hero__container{gap:60px;.hero__text{h1{font-size:46px;line-height:var(--leading-tight)}}.hero__image{img{object-fit:contain}}}}}@media(width<=360px){.hero{.hero__container{gap:40px;.hero__text{h1{font-size:var(--font-size-5xl);line-height:var(--leading-snug)}p{font-size:var(--font-size-base)}button{margin-top:20px;padding:10px 24px}}.hero__image{img{object-fit:contain}}}}}.manage{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--bg-primary);.manage__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:1200px;.manage__title{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:16px;h2{width:100%;font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);text-align:center;color:var(--text-primary)}.separator-line{width:80px;height:1px;background:transparent;border:1px solid var(--text-primary);margin:20px}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);text-align:center;color:var(--text-secondary);max-width:600px}}.manage__cards{width:100%;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden;.manage__cards__card{width:300px;padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:var(--radius-md);gap:8px;opacity:0;transition:transform 1s ease,opacity 1s ease;transform:translateY(100px);h3{font-weight:700;font-size:clamp(20px,3vw,28px);line-height:var(--leading-moderate);text-align:center;color:var(--text-primary)}p{font-weight:400;font-size:var(--font-size-base);line-height:var(--leading-normal);text-align:center;color:var(--text-secondary)}&.animate{transform:translateY(0);opacity:1}}}}}@media(900px<width<=1300px){.manage{.manage__container{.manage__title{h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight)}}.manage__cards{gap:30px;.manage__cards__card{h3{font-size:26px;line-height:var(--leading-snug);width:75%}}}}}}@media(600px<width<=900px){.manage{.manage__container{.manage__title{h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight);width:90%}}.manage__cards{column-gap:20px;row-gap:10px;flex-wrap:wrap;justify-content:center;.manage__cards__card{width:48%;h3{font-size:var(--font-size-3xl);line-height:var(--leading-tight);width:75%}}}}}}@media(width<=600px){.manage{.manage__container{.manage__title{h2{font-size:26px;line-height:var(--leading-tight);width:85%}}.manage__cards{gap:10px;flex-wrap:wrap;.manage__cards__card{width:100%;h3{font-size:22px;line-height:var(--leading-tight);width:75%}}}}}}.unseen{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-primary);overflow:hidden;.unseen__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1200px;gap:50px;.unseen__image,.unseen__text{opacity:0;transition:transform 1s ease,opacity 1s ease}.unseen__image{pointer-events:none;width:440px;height:433px;transform:translate(-100px);img{width:440px;height:433px;object-fit:contain}&.animate{transform:translate(0);opacity:1}}.unseen__text{width:601px;transform:translate(100px);h2{font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:8px;max-width:100%}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}&.animate{transform:translate(0);opacity:1}}}}@media(900px<width<=1300px){.unseen{.unseen__container{.unseen__image{width:342px;height:333px;img{width:342px;height:333px}}.unseen__text{width:500px;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight);margin-bottom:8px}}}}}@media(600px<width<=900px){.unseen{.unseen__container{flex-direction:column-reverse;gap:20px;.unseen__image{width:100%;height:300px;img{width:100%;height:300px;object-fit:contain}}.unseen__text{width:100%;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight);width:100%}}}}}@media(360px<width<=600px){.unseen{.unseen__container{flex-direction:column-reverse;gap:20px;.unseen__image{width:100%;height:300px;img{width:100%;height:300px;object-fit:contain}}.unseen__text{width:100%;h2{font-size:26px;line-height:var(--leading-tight);width:100%}}}}}@media(width<=360px){.unseen{.unseen__container{flex-direction:column-reverse;gap:12px;.unseen__image{width:100%;height:300px;img{width:100%;height:300px}}.unseen__text{width:100%;h2{font-size:26px;line-height:var(--leading-snug);margin-bottom:6px}p{font-size:var(--font-size-lg)}}}}}.statistics{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;.statistics__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1200px;gap:200px;.statistics__text{width:408px;h2{display:flex;flex-direction:column;font-weight:600;font-size:var(--font-size-6xl);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:8px;span{color:var(--main)}}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}}.statistics__cards{display:flex;flex-wrap:wrap;align-items:center;row-gap:40px;column-gap:30px;width:540px;.statistics__cards__card{width:255px;display:flex;align-items:center;gap:16px;img{width:48px;height:48px}.statistics__cards__card__text{h3{font-weight:700;font-size:var(--font-size-4xl);line-height:var(--leading-moderate);color:var(--text-primary)}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}}}}}}@media(900px<width<=1300px){.statistics{.statistics__container{gap:100px;.statistics__text{width:42%;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight)}}.statistics__cards{column-gap:15px;width:54%;.statistics__cards__card{width:48%;.statistics__cards__card__text{h3{font-size:var(--font-size-3xl)}}}}}}}@media(600px<width<=900px){.statistics{.statistics__container{gap:30px;flex-direction:column;.statistics__text{width:100%;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight)}}.statistics__cards{column-gap:15px;width:100%;.statistics__cards__card{width:48%;.statistics__cards__card__text{h3{font-size:var(--font-size-3xl)}}}}}}}@media(430px<width<=600px){.statistics{.statistics__container{gap:30px;flex-direction:column;.statistics__text{width:100%;text-align:center;h2{font-size:26px;line-height:var(--leading-tight)}}.statistics__cards{column-gap:15px;width:100%;row-gap:15px;justify-content:center;.statistics__cards__card{width:45%;img{width:40px;height:40px}.statistics__cards__card__text{h3{font-size:var(--font-size-2xl);line-height:var(--leading-snug)}}}}}}}@media(width<=430px){.statistics{.statistics__container{gap:40px;flex-direction:column;.statistics__text{width:100%;text-align:center;h2{font-size:26px;line-height:var(--leading-tight)}}.statistics__cards{width:100%;gap:20px;justify-content:center;.statistics__cards__card{width:100%;img{width:40px;height:40px}.statistics__cards__card__text{h3{font-size:var(--font-size-xl);line-height:var(--leading-snug)}}}}}}}.how-to{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--bg-primary);overflow:hidden;.how-to__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1200px;gap:50px;.how-to__image,.how-to__text{opacity:0;transition:transform 1s ease,opacity 1s ease}.how-to__image{pointer-events:none;width:440px;height:433px;transform:translate(100px);img{width:440px;height:433px;object-fit:contain}&.animate{transform:translate(0);opacity:1}}.how-to__text{width:601px;transform:translate(-100px);h2{font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:8px}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}&.animate{transform:translate(0);opacity:1}}}}@media(900px<width<=1300px){.how-to{.how-to__container{.how-to__image{width:342px;height:333px;img{width:342px;height:333px}}.how-to__text{width:500px;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight);margin-bottom:8px}}}}}@media(600px<width<=900px){.how-to{.how-to__container{flex-direction:column;gap:20px;.how-to__image{width:100%;height:300px;img{width:100%;height:300px;object-fit:contain}}.how-to__text{width:100%;h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight);width:100%}}}}}@media(360px<width<=600px){.how-to{.how-to__container{flex-direction:column;gap:20px;.how-to__image{width:100%;height:300px;img{width:100%;height:300px;object-fit:contain}}.how-to__text{width:100%;h2{font-size:26px;line-height:var(--leading-tight);width:100%}}}}}@media(width<=360px){.how-to{.how-to__container{flex-direction:column;gap:12px;.how-to__image{width:100%;height:300px;img{width:100%;height:300px}}.how-to__text{width:100%;h2{font-size:26px;line-height:var(--leading-snug);margin-bottom:6px}p{font-size:var(--font-size-lg)}}}}}.cards{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--bg-primary);.cards__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:1200px;.cards__title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;h2{width:100%;font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);text-align:center;color:var(--text-primary)}.separator-line{width:80px;height:1px;background:transparent;border:1px solid var(--text-primary);margin:20px}p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);text-align:center;color:var(--text-secondary);max-width:600px}}.cards__list-wrapper{width:100%;overflow:hidden}.cards__list{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:62px 0;transform:translateY(100px);opacity:0;transition:transform 1s ease,opacity 1s ease;.cards__list__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);.cards__list__card-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:100%;background:var(--gradient-primary);margin-bottom:20px}.cards__list__card-svg{width:32px;height:32px;color:var(--neutral-0)}p{font-weight:600;font-size:var(--font-size-lg);line-height:var(--leading-snug);color:var(--text-primary);max-width:280px}}&.animate{transform:translateY(0);opacity:1}}}}@media(900px<width<=1300px){.cards{.cards__container{.cards__title{h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight)}}.cards__list{padding:40px 0}}}}@media(600px<width<=900px){.cards{.cards__container{.cards__title{h2{font-size:var(--font-size-4xl);line-height:var(--leading-tight)}p{width:100%}}.cards__list{grid-template-columns:repeat(2,1fr);padding:40px 0}}}}@media(360px<width<=600px){.cards{.cards__container{.cards__title{h2{font-size:26px;line-height:var(--leading-tight)}}.cards__list{grid-template-columns:1fr;padding:40px 0}}}}@media(width<=360px){.cards{.cards__container{.cards__title{h2{font-size:26px;line-height:var(--leading-snug);margin-bottom:6px}p{font-size:var(--font-size-lg);width:100%}}.cards__list{grid-template-columns:1fr}}}}.blog-section{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--bg-primary)}.blog-section__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.blog-section__title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.blog-section__title h2{width:100%;font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);text-align:center;color:var(--text-primary)}.blog-section__title .separator-line{width:80px;height:1px;background:transparent;border:1px solid var(--text-primary);margin:20px}.blog-section__title p{font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);text-align:center;color:var(--text-secondary);max-width:600px}.blog-section__grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:62px 0 32px;transform:translateY(100px);opacity:0;transition:transform 1s ease,opacity 1s ease}.blog-section__grid.animate{transform:translateY(0);opacity:1}.blog-section__card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;opacity:0;transform:translateY(40px);transition:transform .6s ease var(--reveal-delay, 0s),opacity .6s ease var(--reveal-delay, 0s),border-color .3s ease}.blog-section__grid.animate .blog-section__card{opacity:1;transform:translateY(0)}.blog-section__card:hover{border-color:var(--text-primary)}.blog-section__card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden}.blog-section__real-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-section__card:hover .blog-section__real-image{transform:scale(1.03)}.blog-section__card-image .image-placeholder{width:100%;height:100%;background:var(--bg-secondary);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.blog-section__card-image .image-placeholder span{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-section__card-body{display:flex;flex-direction:column;gap:12px;padding:24px;flex:1}.blog-section__card-body h3{font-weight:600;font-size:var(--font-size-xl);line-height:var(--leading-snug);color:var(--text-primary)}.blog-section__card-body p{font-weight:400;font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-section__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}.blog-section__card-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-section__card-link{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.blog-section__view-all{margin-top:8px}@media(width<=900px){.blog-section__grid{grid-template-columns:repeat(2,1fr)}}@media(width<=600px){.blog-section__grid{grid-template-columns:1fr}}.banner{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-5xl) var(--space-lg);background-color:var(--bg-secondary);.banner__container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1200px;.banner__content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:800px;h2{font-weight:600;font-size:clamp(22px,6vw,36px);line-height:var(--leading-snug);color:var(--text-primary);margin:0}p{font-weight:400;font-size:var(--font-size-xl);line-height:var(--leading-loose);color:var(--text-secondary);margin:0}}}}@media(900px<width<=1300px){.banner{.banner__container{.banner__content{gap:20px;p{font-size:var(--font-size-lg);max-width:700px}}}}}@media(600px<width<=900px){.banner{.banner__container{.banner__content{gap:20px;p{font-size:var(--font-size-lg);max-width:600px}}}}}@media(360px<width<=600px){.banner{.banner__container{.banner__content{gap:16px;p{font-size:var(--font-size-lg);max-width:100%}}}}}@media(width<=360px){.banner{.banner__container{.banner__content{gap:16px;p{font-size:var(--font-size-base);line-height:var(--leading-relaxed)}button{font-size:var(--font-size-base);padding:12px 20px}}}}}