.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:flex;justify-content:space-between;gap:24px;padding:62px 0;transform:translateY(100px);opacity:0;transition:transform 1s ease,opacity 1s ease;.cards__list__card{position:relative;max-width:368px;max-height:245px;border-radius:var(--radius-md);img{pointer-events:none;width:100%;height:100%;position:relative;border-radius:var(--radius-md)}p{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;width:calc(100% - 20px);height:fit-content;padding:10px;font-weight:600;font-size:var(--font-size-lg);text-align:center;color:var(--neutral-0);background:var(--overlay-backdrop);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}}&.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{flex-wrap:wrap;justify-content:center;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{flex-wrap:wrap;justify-content:center;padding:40px 0}}}}@media(360px<width<=600px){.cards{.cards__container{.cards__title{h2{font-size:26px;line-height:var(--leading-tight)}}.cards__list{flex-wrap:wrap;justify-content:center;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{flex-direction:column}}}}.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}}}}}