#solutions[data-astro-cid-lcdefpme],#cases[data-astro-cid-lcdefpme],#insights[data-astro-cid-lcdefpme]{scroll-margin-top:100px}.btn-wrapper[data-astro-cid-lcdefpme]{justify-content:flex-end;margin-top:8px;display:flex}.hero[data-astro-cid-lcdefpme]{width:100%;padding-top:140px;padding-bottom:460px;position:relative;&:before{z-index:-1;pointer-events:none;content:"";background-image:url(/assets/images/front-page/bg-hero.webp);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:fixed;top:0;left:0}& .hero-inner{z-index:1;max-width:1048px;margin:0 auto;padding:0 24px 80px;position:relative;& .hero-content{max-width:1048px}& .hero-headline{background:var(--gradient-hero-headline);-webkit-text-fill-color:transparent;background-clip:text;flex-direction:column;gap:0;margin:0 0 24px;font-size:clamp(32px,5.5vw,56px);font-weight:700;line-height:1.2;display:flex;& span{display:block;& br{@media (width>=565px){display:none}}}}& .hero-sub{max-width:900px;color:var(--color-text);margin:0 0 32px;font-size:clamp(16px,1.8vw,20px);font-weight:400;line-height:1.6;& strong{font-weight:700}}& .hero-cta-wrapper{justify-content:space-between;align-items:flex-start;margin-bottom:65px;display:flex;@media (width<=900px){margin-bottom:30px;display:block}& .hero-cta{background:var(--gradient-nav-cta);color:var(--color-white);border-radius:4px;align-items:center;gap:10px;padding:12px 48px;font-size:24px;font-weight:700;transition:opacity .2s;display:inline-flex;position:relative;@media (width<=768px){padding:14px 32px;font-size:18px}@media (width<=480px){font-size:16px}&:before{content:"";z-index:-1;background:var(--gradient-hero-cta-hover);opacity:0;border-radius:4px;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}&:hover{opacity:.99;&:before{opacity:1}}& img{position:relative;top:1px}}& .hero-stats{flex-wrap:wrap;justify-content:flex-end;gap:16px;max-width:380px;display:flex;@media (width<=900px){max-width:100%;margin-top:30px}@media (width<=768px){gap:8px}}& .hero-stat{text-align:center;background-color:var(--color-white);flex-direction:column;gap:4px;width:180px;padding:16px;display:flex;@media (width<=900px){width:calc(25vw - 24px)}@media (width<=768px){width:calc(50vw - 28px)}}& .hero-stat-num{color:var(--color-primary);margin:0;font-weight:700;line-height:1}& .num-large{font-size:clamp(32px,4.2vw,40px)}& .num-unit{font-size:clamp(20px,4.2vw,24px)}& .num-plus{font-size:clamp(20px,4.2vw,24px);font-weight:500}& .hero-stat-num--dena{font-size:clamp(32px,4.2vw,40px);font-weight:700}& .hero-stat-label{margin:0;font-size:clamp(14px,1.8vw,16px)}}}}.trusted-by[data-astro-cid-lcdefpme]{background-color:var(--color-white);justify-content:center;padding:9px 0;display:flex;& .trusted-by-inner{width:100%;max-width:1000px}& .logo-parade{-webkit-mask-image:var(--gradient-mask-horizontal);mask-image:var(--gradient-mask-horizontal);overflow:hidden}& .logo-parade-track{width:max-content;animation:160s linear infinite trusted-by-scroll;display:flex;@media (prefers-reduced-motion:reduce){animation:none}}& .logo-item{flex:none;height:40px;margin-right:48px;& img{width:auto;height:100%}}}@keyframes trusted-by-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.why-coopel[data-astro-cid-lcdefpme]{background:var(--gradient-hero-mask);backdrop-filter:blur(15px);margin-top:-500px;position:relative}.why-cards[data-astro-cid-lcdefpme]{flex-direction:column;gap:32px;display:flex;& .why-card{background-color:var(--color-white);box-shadow:0 0 24px var(--color-shadow-medium);border-radius:4px;gap:32px;max-width:800px;padding:32px;display:flex;overflow:hidden;@media (width<=768px){border-radius:4px;flex-direction:column}&:nth-child(2) .why-card-image[data-astro-cid-lcdefpme]{max-height:276px}&.why-card--right{align-self:flex-end;@media (width<=768px){align-self:flex-start}}& .why-card-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}& .card-number{background-color:var(--color-navy);width:48px;height:48px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:500;display:flex}& .why-card-title{color:var(--color-text);margin:0;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.2}& .why-card-desc{color:var(--color-text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.6}& .why-card-image{border-radius:4px;flex:1;max-height:238px;overflow:hidden;@media (width<=768px){min-height:160px}& img{object-fit:cover;width:100%;height:100%}}}}.our-solutions[data-astro-cid-lcdefpme]{background-color:var(--color-blue-dusty);background-image:url(/assets/images/front-page/bg-our-solutions.webp);background-position:0;background-repeat:no-repeat;background-size:cover;position:relative;& .section-inner{z-index:1;position:relative}& .solution-cards{flex-direction:column;align-items:flex-end;gap:16px;display:flex;@media (width<=768px){align-items:flex-start}& .solution-row{grid-template-columns:repeat(2,1fr);gap:12px 16px;width:100%;max-width:600px;display:grid;@media (width<=768px){grid-template-columns:1fr;max-width:100%}& .solution-card{grid-template-rows:subgrid;background-color:var(--color-white);box-shadow:0 0 24px var(--color-shadow-high);border-radius:4px;grid-row:span 4;padding:24px;transition:box-shadow .2s;display:grid;&:hover{box-shadow:0 0 24px var(--color-shadow-xhigh);& .solution-card-more{text-decoration:underline}}& .solution-card-icon{width:24px;height:24px}& .solution-card-title{color:var(--color-text);margin:0;font-size:20px;font-weight:600;line-height:1.5}& .solution-card-desc{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400;line-height:1.6}& .solution-card-more{color:var(--color-primary);justify-content:flex-end;align-items:center;gap:6px;font-size:16px;display:flex}}}}}.cases[data-astro-cid-lcdefpme]{background-color:var(--color-bg);& .cases-sub-title{color:var(--color-text);margin:0 0 24px;font-size:20px;font-weight:700}& .case-cards{gap:40px;margin-bottom:30px;display:flex;@media (width<=768px){flex-direction:column;gap:32px}}& .case-card{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}& .case-card-image{flex-shrink:0;height:190px;overflow:hidden;@media (width<=768px){height:auto;max-height:395px}& img{object-fit:cover;width:100%;height:100%}}& .case-card-title{color:var(--color-black);margin:0;font-size:16px;font-weight:400;line-height:1.6}& .case-card-company{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:400;line-height:1.6}}.product-section[data-astro-cid-lcdefpme]{background-color:var(--color-bg);& .section-inner{padding:0 24px}& .product-row{background-color:var(--color-white);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}& .coopel-logo-mark{max-width:215px;& svg{width:100%;height:auto}}& .product-body{align-items:flex-end;gap:32px;display:flex;@media (width<=768px){flex-direction:column;align-items:flex-start}}& .product-desc{color:var(--color-text);flex:1;margin:0;font-size:20px;font-weight:400;line-height:1.6;@media (width<=768px){font-size:16px}}}.insights[data-astro-cid-lcdefpme]{background-color:var(--color-bg)}.insight-cards[data-astro-cid-lcdefpme]{gap:32px;margin:0 0 30px;padding:0;list-style:none;display:flex;@media (width<=768px){flex-direction:column}& .card{flex:1;min-width:0}}