#header{background:#fff}#hero-section{line-height:normal;background:#F7FCFF;padding-top:90px}.subpage-hero{display:flex;align-items:flex-start;max-width:1312px;margin:0 auto;padding:60px 100px;gap:60px}.subpage-hero-text{flex:0 0 500px;padding-top:10px}.subpage-hero-text h1{font-family:'Roboto',sans-serif;font-weight:700;font-size:45px;line-height:1.2;color:var(--navy);background:none;-webkit-text-fill-color:var(--navy);text-transform:uppercase;margin:0;padding:0}.subpage-page-label{font-weight:400;font-size:15px;color:var(--navy);margin:6px 0 0}.subpage-hero-desc{font-weight:600;font-size:15px;line-height:2.2;color:var(--navy);margin-top:60px;max-width:410px}.subpage-hero-visual{flex:1;margin-top:10px;border-radius:12px;overflow:hidden;margin-top:135px}.hero-ph{border-radius:12px;overflow:hidden;width:100%}.hero-ph img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}#use-cases{background:linear-gradient(to bottom,#F7FCFF,#F7FCFF 50%,#FFF8F3);padding:70px 0 90px}.usecase-heading{font-family:'Roboto',sans-serif;font-weight:700;font-size:32px;color:var(--navy);text-align:center;margin-bottom:40px;padding:0}#use-cases .service-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow 0.2s,transform .2s}#use-cases .service-card:hover{box-shadow:0 8px 30px #09436a1f;transform:translateY(-3px)}#use-cases .service-card .img-wrap{border-radius:0;height:190px}#use-cases .service-card .card-body{padding:14px 16px 18px}.service-card .card-name{font-family:'Roboto',sans-serif;font-weight:700;font-size:16px;color:var(--navy);margin-bottom:6px}.service-card .card-desc{font-family:'Roboto',sans-serif;font-weight:400;font-size:13px;line-height:1.65;color:var(--text-gray)}.ic-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ic-ph-auto{background:linear-gradient(135deg,#111 0%,#2a2a2a 60%,#3a2a2a 100%)}.ic-ph-beauty{background:linear-gradient(135deg,#f5c0c8 0%,#e8a0b0 50%,#f0d0c8 100%)}.ic-ph-finance{background:linear-gradient(135deg,#0d4f3c 0%,#1a6b50 50%,#0a7c5c 100%)}.ic-ph-fnb{background:linear-gradient(135deg,#3d1c02 0%,#6b3510 50%,#c88010 100%)}.ic-ph-housing{background:linear-gradient(135deg,#b8860a 0%,#d4a010 50%,#c89010 100%)}.ic-ph-tech{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a30 50%,#200a30 100%)}.ic-ph-retail{background:linear-gradient(135deg,#7090b0 0%,#5878a0 50%,#90aac0 100%)}.ic-ph-elec{background:linear-gradient(135deg,#0a0a14 0%,#1a1428 50%,#28180a 100%)}@media (max-width: 1366px){.subpage-hero{padding:60px 50px 50px}.subpage-hero-text h1{font-size:52px}}@media (max-width: 992px){.subpage-hero{flex-direction:column;padding:40px 24px 0;min-height:auto;gap:0}.subpage-hero-text{flex:none;padding-right:0;padding-bottom:40px}.subpage-hero-visual{width:100%;min-height:240px;margin-top:0}.subpage-hero-desc{margin-top:32px}.hero-ph{aspect-ratio:16 / 9}}@media (max-width: 768px){.subpage-hero-text h1{font-size:42px}.usecase-heading{font-size:26px}}@media (max-width: 480px){#use-cases{padding-top:0}.subpage-hero-text h1{font-size:32px}}