/* Part 1 content adapts to the established Lightflow palette and geometry. */
.part1-section { position:relative; isolation:isolate; overflow:hidden; }
.part1-section > .shell { position:relative; z-index:1; }
.part1-ice { background:linear-gradient(115deg,#f4faff,#e2f4ff); }
.part1-ice::before { content:""; position:absolute; right:-8%; top:8%; width:52%; height:85%; background:url("assets/signature/wave.svg") right center/100% auto no-repeat; opacity:.14; pointer-events:none; }
.part1-ice::after { content:""; position:absolute; right:2%; top:8%; width:28%; height:70%; background:url("assets/signature/lightflow-particles-sparse.svg") right top/100% auto no-repeat; opacity:.32; pointer-events:none; }
.part1-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.part1-card { min-width:0; padding:30px; border:1px solid #d8e5ee; border-radius:24px; background:rgba(255,255,255,.9); }
.part1-card h3 { margin:0 0 16px; color:var(--navy,#123363); font-size:24px; line-height:1.2; }
.part1-card p,.part1-note { font-size:16px; line-height:1.75; color:#526779; }
.part1-note { margin:24px 0; max-width:900px; }
.part1-card a { display:block; margin-top:12px; color:#0872b9; font-size:16px; overflow-wrap:anywhere; }
.part1-icon { display:inline-grid; place-items:center; width:48px; height:48px; margin-bottom:18px; border-radius:15px; background:#e9f5ff; color:#077ac2; font-size:28px; }
.part1-offices { grid-template-columns:repeat(2,minmax(0,1fr)); }
.part1-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px 0; align-items:start; }
.part1-area-grid > h3,.part1-area-grid > p { grid-column:1/-1; }
.part1-area-grid > h3 { font-size:26px; color:#123363; margin:22px 0 5px; }
.part1-area { border:1px solid #d5e6ef; border-radius:18px; background:rgba(255,255,255,.92); overflow:hidden; }
.part1-area summary { cursor:pointer; padding:21px 24px; font-size:16px; font-weight:750; color:#173b65; }
.part1-area[open] summary { border-bottom:1px solid #e5eff6; }
.part1-area ul { margin:0; padding:20px 25px 22px 44px; columns:2; column-gap:28px; }
.part1-area li { margin-bottom:10px; font-size:16px; line-height:1.5; break-inside:avoid; }
.part1-speed-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.part1-speed-list span { padding:10px 12px; border-radius:12px; background:#eaf5ff; font-size:14px; color:#173b65; }
.part1-speed-list strong { font-size:26px; }
.part1-sla { display:grid; grid-template-columns:minmax(220px,.65fr) 1.35fr; gap:50px; align-items:center; }
.part1-sla > div { display:flex; flex-direction:column; color:#123363; }
.part1-sla strong { font-size:clamp(54px,7vw,94px); letter-spacing:-.05em; line-height:1.15; }
.part1-sla small { font-size:14px; line-height:1.6; }
.part1-sla > p { font-size:18px; line-height:1.8; }
.part1-culture figure { margin:0; border-radius:26px; overflow:hidden; background:#fff; box-shadow:0 12px 32px #174c7b10; }
.part1-culture img { display:block; width:100%; height:290px; object-fit:cover; object-position:center; }
.part1-culture figcaption { padding:22px; font-size:18px; font-weight:750; color:#173b65; }
.part1-profile .profile-copy p { font-size:18px; line-height:1.85; }
/* Only the new story photograph needs a new focal point. */
#cerita .content-image img[src$="part1/team-training.webp"] { object-position:center; }
@media(max-width:900px) {
 .part1-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .part1-culture figure:last-child { grid-column:1/-1; }
 .part1-culture figure:last-child img { height:320px; }
 .part1-sla { gap:28px; }
}
@media(max-width:620px) {
 .part1-grid,.part1-area-grid,.part1-sla { grid-template-columns:1fr; }
 .part1-card { padding:24px; }
 .part1-area ul { columns:1; }
 .part1-culture figure:last-child { grid-column:auto; }
 .part1-culture img,.part1-culture figure:last-child img { height:260px; }
 .part1-sla > p,.part1-profile .profile-copy p { font-size:16px; }
 .part1-ice::before { width:100%; opacity:.1; }
 .part1-ice::after { width:60%; }
 .part1-section .hero-actions { flex-wrap:wrap; }
}
.lf-hero[data-lf-family="product"] .inalite-photo img[src$="part1/inalite-work-from-home.webp"] { object-position:72% center; }
.lf-hero[data-lf-family="product"] .inalite-photo img[src$="part1/managed-team.webp"] { object-position:35% center; }
.lf-hero[data-lf-family="product"] .inalite-photo img[src$="part1/integrasi-smart-home.webp"] { object-position:38% center; }

/* Additional Part 1 photographs, within the existing Lightflow page rhythm. */
.part1-photo-story { background:#fff; }
.part1-photo-story--ice,.part1-feature-photo--ice { background:linear-gradient(118deg,#f5fbff,#e9f6ff); }
.part1-photo-story::before,.part1-feature-photo::before { content:""; position:absolute; right:-8%; bottom:-12%; width:58%; height:75%; background:url("assets/signature/wave.svg") center/contain no-repeat; opacity:.09; pointer-events:none; }
.part1-photo-story::after,.part1-feature-photo::after { content:""; position:absolute; right:4%; top:4%; width:20%; height:35%; background:url("assets/signature/lightflow-particles-sparse.svg") center/contain no-repeat; opacity:.28; pointer-events:none; }
.part1-photo-story .shell,.part1-feature-photo .shell { position:relative; z-index:1; }
.part1-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:38px; }
.part1-photo-story--two .part1-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:960px; margin-inline:auto; }
.part1-photo-card { min-width:0; margin:0; overflow:hidden; border:1px solid #dbeaf3; border-radius:26px; background:#fff; box-shadow:0 16px 36px #12457815; }
.part1-photo-card img { display:block; width:100%; height:280px; object-fit:cover; object-position:center; }
.part1-photo-card--portrait img { object-position:center 36%; }
.part1-photo-story--two .part1-photo-card img { height:310px; }
.part1-photo-card figcaption { padding:18px 22px 22px; color:#153967; font-size:16px; font-weight:700; line-height:1.4; }
.part1-feature-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,5vw,86px); align-items:center; }
.part1-feature-copy h2 { max-width:680px; margin:16px 0 20px; color:#123363; font-size:clamp(34px,3.7vw,58px); line-height:1.08; letter-spacing:-.04em; }
.part1-feature-copy > p:last-child { max-width:610px; color:#526779; font-size:18px; line-height:1.7; }
.part1-feature-layout .part1-photo-card img { height:350px; }
.part1-feature-layout .part1-photo-card--portrait img { object-position:center 32%; }
.part1-culture--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.part1-culture--four img { height:265px; }
.part1-document-links { max-width:1160px; margin:55px auto 0; padding:28px 32px; border:1px solid #d9e8f2; border-radius:24px; background:#f3faff; color:#163966; }
.part1-document-links strong { display:block; font-size:19px; }
.part1-document-links p { margin:8px 0 18px; font-size:16px; line-height:1.6; }
.part1-document-links > div,.part1-legal-related { display:flex; flex-wrap:wrap; gap:12px; }
.part1-document-links a,.part1-legal-related a { display:inline-flex; align-items:center; padding:12px 16px; border:1px solid #b7d8ed; border-radius:12px; color:#056bb0; background:#fff; font-weight:700; text-decoration:none; }
.part1-document-links a:hover,.part1-legal-related a:hover { border-color:#0476bc; }
.part1-legal-section { background:#fff; }
.part1-legal-warning { max-width:1160px; }
.part1-legal-related { max-width:1160px; margin:22px 0 38px; }
.part1-legal-grid { display:grid; grid-template-columns:minmax(200px,250px) minmax(0,850px); gap:clamp(28px,5vw,80px); align-items:start; }
.part1-legal-nav { display:flex; flex-direction:column; gap:12px; position:sticky; top:110px; padding:25px; border:1px solid #dbe9f2; border-radius:20px; background:#f5fbff; }
.part1-legal-nav strong { margin-bottom:4px; color:#143765; }
.part1-legal-nav a { color:#266083; font-size:14px; line-height:1.4; text-decoration:none; }
.part1-legal-nav a:hover { text-decoration:underline; }
.part1-legal-copy { min-width:0; color:#405d72; font-size:16px; line-height:1.75; }
.part1-legal-copy > p { margin:0 0 19px; }
.part1-legal-copy h2 { margin:40px 0 18px; color:#143765; font-size:clamp(25px,2.5vw,34px); line-height:1.2; scroll-margin-top:110px; }
.part1-legal-copy ol,.part1-legal-copy ul { margin:0 0 20px; padding-left:26px; }
.part1-legal-copy li { margin:0 0 12px; padding-left:4px; }
.part1-legal-copy li p { margin:0; }
.part1-legal-copy table { display:block; max-width:100%; margin:22px 0; overflow-x:auto; border-collapse:collapse; }
.part1-legal-copy th,.part1-legal-copy td { border:1px solid #d4e3ec; padding:10px 14px; text-align:left; vertical-align:top; }
.part1-legal-copy th { background:#e7f3fb; color:#143765; }
@media(max-width:950px) {
 .part1-photo-grid { gap:14px; }
 .part1-culture--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .part1-culture--four figure:last-child { grid-column:auto; }
 .part1-legal-grid { grid-template-columns:1fr; }
 .part1-legal-nav { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .part1-legal-nav strong { grid-column:1/-1; }
}
@media(max-width:650px) {
 .part1-photo-grid,.part1-photo-story--two .part1-photo-grid,.part1-feature-layout { grid-template-columns:1fr; }
 .part1-photo-grid { gap:18px; margin-top:28px; }
 .part1-photo-card img,.part1-photo-story--two .part1-photo-card img { height:250px; }
 .part1-feature-layout .part1-photo-card img { height:300px; }
 .part1-feature-copy > p:last-child { font-size:16px; }
 .part1-culture--four { grid-template-columns:1fr; }
 .part1-culture--four img,.part1-culture--four figure:last-child img { height:260px; }
 .part1-document-links { margin:35px 18px 0; padding:22px; }
 .part1-legal-nav { grid-template-columns:1fr; }
 .part1-legal-related a,.part1-document-links a { width:100%; }
}

/* Framed editorial photographs: no visible photo labels. */
.part1-photo-card,
.part1-culture figure {
  position:relative;
  min-width:0;
  margin:0;
  padding:8px;
  overflow:visible;
  border:0;
  border-radius:42px 42px 112px 42px;
  background:linear-gradient(135deg,#e4f4fc,#0d83be 72%,#ffcf25);
  box-shadow:0 20px 46px #12457823;
}
.part1-photo-card img,
.part1-culture img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  border-radius:34px 34px 104px 34px;
}
.part1-photo-story--two .part1-photo-grid { max-width:780px; }
.part1-photo-story--two .part1-photo-card img { height:auto; aspect-ratio:4/5; }
.part1-feature-layout .part1-photo-card { width:min(100%,500px); justify-self:center; }
.part1-feature-layout .part1-photo-card img { height:auto; aspect-ratio:4/3; }
.part1-feature-layout .part1-photo-card--portrait img { aspect-ratio:4/5; object-position:center 32%; }
.part1-culture figure { border-radius:32px 32px 80px 32px; }
.part1-culture img,
.part1-culture--four img,
.part1-culture figure:last-child img { height:auto; aspect-ratio:1/1; border-radius:25px 25px 73px 25px; }
.part1-gallery { max-width:780px; margin:38px auto 0; }
.part1-gallery-frame {
  position:relative;
  padding:9px;
  border-radius:52px 130px 52px 94px;
  background:linear-gradient(135deg,#d9f1ff,#0b80bc 72%,#ffd026);
  box-shadow:0 28px 60px #1245782b;
}
.part1-gallery-frame::after {
  content:"";
  position:absolute;
  z-index:2;
  top:-23px;
  right:-26px;
  width:108px;
  height:108px;
  background:url("assets/signature/lightflow-shard.svg") center/contain no-repeat;
  pointer-events:none;
}
.part1-gallery-stage {
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  border-radius:44px 122px 44px 86px;
  background:#143765;
}
.part1-gallery .part1-gallery-slide {
  position:absolute;
  inset:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .85s ease,visibility .85s;
}
.part1-gallery .part1-gallery-slide.is-active { opacity:1; visibility:visible; z-index:1; }
.part1-gallery .part1-gallery-slide img {
  width:100%;
  height:100%;
  aspect-ratio:auto;
  border-radius:0;
  object-fit:cover;
  object-position:center;
}
.part1-gallery .part1-gallery-slide.part1-photo-card--portrait img { object-position:center 37%; }
.part1-gallery-controls { display:flex; justify-content:center; align-items:center; gap:14px; margin-top:22px; }
.part1-gallery-arrow,.part1-gallery-pause,.part1-gallery-dot {
  display:grid;
  place-items:center;
  flex:none;
  cursor:pointer;
  color:#0e4672;
  background:#fff;
  border:1px solid #b9dbea;
}
.part1-gallery-arrow,.part1-gallery-pause { width:44px; height:44px; border-radius:50%; font-size:21px; }
.part1-gallery-pause { margin-left:9px; font-size:16px; }
.part1-gallery-dots { display:flex; align-items:center; gap:9px; }
.part1-gallery-dot { width:26px; height:26px; border-radius:50%; }
.part1-gallery-dot span { width:8px; height:8px; border-radius:50%; background:#80b9d8; }
.part1-gallery-dot.is-active { border-color:#0a78b7; background:#e5f5fd; }
.part1-gallery-dot.is-active span { background:#087cbb; }
.part1-gallery-arrow:hover,.part1-gallery-pause:hover,.part1-gallery-dot:hover { border-color:#087cbb; background:#e5f5fd; }
.part1-gallery button:focus-visible { outline:3px solid #ffca22; outline-offset:3px; }
@media(max-width:650px) {
  .part1-gallery { margin-top:28px; }
  .part1-gallery-frame { padding:6px; border-radius:34px 78px 34px 64px; }
  .part1-gallery-stage { border-radius:28px 72px 28px 58px; }
  .part1-gallery-frame::after { width:65px; height:65px; top:-14px; right:-9px; }
  .part1-gallery-controls { gap:9px; }
  .part1-gallery-arrow,.part1-gallery-pause { width:42px; height:42px; }
  .part1-photo-story--two .part1-photo-card img { height:auto; aspect-ratio:4/5; }
  .part1-feature-layout .part1-photo-card img { height:auto; }
  .part1-culture img,.part1-culture figure:last-child img { height:auto; }
}
@media(prefers-reduced-motion:reduce) { .part1-gallery .part1-gallery-slide { transition:none; } }