/* INDOSAINSTECH ID — seluruh tampilan global dapat diubah dari berkas ini. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c2750;--blue:#1251a0;--blue-dark:#103d7d;--blue-soft:#ecf4ff;--gold:#efa744;--ink:#1c3050;--muted:#657692;--border:#e2eaf4;--paper:#fff;--bg:#f7faff;--radius:20px;--shadow:0 18px 50px rgba(16,50,102,.07);--container:1170px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 'DM Sans',Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}img{display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#c7e0ff;color:#073977}:focus-visible{outline:3px solid #eda84c;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand-text{font-family:'Plus Jakarta Sans',Segoe UI,Arial,sans-serif;line-height:1.25}h1{letter-spacing:-.045em}h2{letter-spacing:-.035em}p{color:var(--muted)}ul{padding-left:20px}small{font-size:.85em}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding:94px 0}.section-soft{background:var(--bg)}.section-heading{max-width:660px;margin-bottom:36px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading h2{font-size:clamp(28px,3.2vw,42px);color:var(--navy);margin:12px 0 16px}.section-heading p{font-size:16px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-family:'Plus Jakarta Sans',sans-serif}.eyebrow::before{content:'';width:21px;height:3px;border-radius:4px;background:var(--gold)}.highlight{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 23px;border-radius:12px;font-weight:700;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;border:1px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(18,81,160,.16)}.btn-primary:hover{background:var(--blue-dark)}.btn-white{background:#fff;color:var(--blue)}.btn-outline{background:transparent;color:var(--blue);border-color:#bed3ed}.btn-outline:hover{background:var(--blue-soft)}.btn-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;font-size:14px}.btn-link:hover{text-decoration:underline;text-underline-offset:4px}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}.btn-ghost:hover{background:rgba(255,255,255,.09)}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:7px 13px;font-size:12px;font-weight:800;color:#175698;background:#e6f2ff}.pill-light{background:rgba(255,255,255,.12);color:#ebf4ff;border:1px solid rgba(255,255,255,.17)}.tag{display:inline-flex;background:#eaf3ff;color:#15539d;padding:5px 11px;border-radius:100px;font-size:11px;font-weight:800}.section-end{text-align:center;margin-top:34px}
/* Navigasi */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);z-index:50;box-shadow:0 3px 24px rgba(17,44,82,.07)}.top-strip{background:var(--navy);color:#d7e5fb;font-size:12px}.top-strip-inner{height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-strip strong{color:#ffcc8e}.top-strip .top-small{display:flex;gap:22px}.nav-shell{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:53px;height:53px}.brand-text{display:block;font-weight:800;font-size:19px;color:var(--navy);letter-spacing:-.65px;line-height:1.15}.brand-text b{color:var(--gold)}.brand-sub{display:block;font-size:9px;font-weight:700;color:#7a8ba4;letter-spacing:.07em;margin-top:4px;line-height:1.3}.main-nav{display:flex;align-items:center;gap:2px}.main-nav a{position:relative;padding:11px 10px;border-radius:8px;font-size:13px;font-weight:700;color:#344966;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--blue);background:#f0f6ff}.main-nav a.active::after{content:'';width:17px;height:3px;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);background:var(--gold);border-radius:3px}.nav-action{display:flex;align-items:center;gap:12px}.nav-action .btn{min-height:43px;padding:10px 16px;font-size:12px}.menu-toggle{display:none;background:#eef5ff;border:0;border-radius:11px;width:45px;height:45px;align-items:center;justify-content:center;color:var(--blue);font-size:25px}.menu-toggle svg{width:24px;height:24px}
/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(119deg,#071f46 3%,#114584 58%,#1662b0 100%);color:#fff;min-height:594px}.hero::before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;right:-250px;top:-240px;background:#3998ff;filter:blur(80px);opacity:.18}.hero::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;left:-240px;bottom:-200px;background:#8dbaff;filter:blur(90px);opacity:.17}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:20px;min-height:594px;position:relative;z-index:1}.hero-content{padding:78px 0 80px}.hero h1{font-size:clamp(39px,4.5vw,61px);line-height:1.14;margin:26px 0 22px;max-width:690px}.hero p{font-size:17px;color:#d8e7f9;line-height:1.9;max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-art{width:100%;min-width:0;transform:translateX(14px)}.hero-trust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:48px;font-size:12px;font-weight:700;color:#e4f0ff}.hero-trust .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hero-line{position:absolute;inset:0;background-image:radial-gradient(#e6f4ff 1px,transparent 1px);background-size:28px 28px;opacity:.05;pointer-events:none}
/* Page hero */
.page-hero{background:linear-gradient(115deg,#08234d,#115099);padding:71px 0 76px;color:#fff;overflow:hidden;position:relative}.page-hero::after{content:'';position:absolute;right:-180px;bottom:-280px;border:70px solid rgba(255,255,255,.065);border-radius:50%;width:600px;height:600px;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(36px,4.3vw,54px);margin:15px 0}.page-hero p{color:#dbe9fa;max-width:670px;margin-bottom:18px;font-size:16px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:#ccdcf1}.breadcrumbs span{color:#ffbf70;font-weight:800}
/* reusable */
.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.align-center{align-items:center}.card{padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 12px 35px rgba(15,47,90,.035);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card h3{font-size:18px;color:var(--navy);margin:14px 0 10px}.card p{font-size:14px;margin-bottom:0}.iconbox{width:56px;height:56px;background:#e9f3ff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#165ba8}.iconbox.gold{background:#fff3e4;color:#d98c23}.iconbox.green{background:#e8f7f2;color:#188e71}.iconbox svg{width:27px;height:27px;stroke-width:1.9}.accent-card{border-top:4px solid var(--gold)}.number{font-family:'Plus Jakarta Sans',sans-serif;font-size:43px;font-weight:800;line-height:1;color:#d5e7fc}.simple-list{list-style:none;margin:0;padding:0}.simple-list li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:#536780}.simple-list li::before{content:'✓';flex:none;color:#1b80b8;font-weight:800}.rule{width:52px;height:4px;border-radius:4px;background:var(--gold);margin:22px 0}.frame-img{background:linear-gradient(145deg,#f4faff,#dceaff);border-radius:27px;overflow:hidden;box-shadow:0 20px 60px rgba(12,55,101,.08)}.frame-img img{width:100%;height:auto}.about-lead h2{font-size:clamp(30px,3.3vw,44px);margin:12px 0 21px;color:var(--navy)}.about-lead p{line-height:1.9}.value-band{margin-top:0;padding:20px 0;background:#f2f7fe;border-block:1px solid #e4edf8}.value-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.value-band-item{display:flex;align-items:center;justify-content:center;gap:10px;color:#28517f;font-weight:800;font-size:13px}.value-band-item svg{width:19px;height:19px;color:#e99e43}
/* custom sections */
.focus-block{display:flex;gap:22px;align-items:flex-start;padding:26px;border-radius:17px;border:1px solid var(--border);background:#fff}.focus-block .iconbox{flex-shrink:0}.focus-block h3{margin:0 0 8px;font-size:17px;color:var(--navy)}.focus-block p{font-size:14px;margin:0}.quote-banner{margin-top:35px;text-align:center;padding:31px 34px;border-radius:20px;background:linear-gradient(110deg,#eaf3ff,#fff5e8);color:#1c477c;font-size:clamp(18px,2.3vw,24px);font-weight:800;font-family:'Plus Jakarta Sans',sans-serif}.quote-banner::before{content:'“';color:var(--gold);font-size:46px;vertical-align:middle;line-height:0}.split-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:33px}.split-card h3{font-size:24px;color:var(--navy)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step{position:relative;padding:28px;border:1px solid var(--border);border-radius:19px;background:#fff}.step::before{counter-increment:step;content:'0' counter(step);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;width:52px;height:52px;background:var(--blue-soft);color:var(--blue);border-radius:13px;margin-bottom:22px}.step h3{color:var(--navy);margin-bottom:8px}.step p{font-size:14px}.cta-section{padding:70px 0;background:linear-gradient(120deg,#0b2a57,#135ca7);color:#fff}.cta-section .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-section h2{font-size:clamp(27px,3vw,39px);margin:0 0 12px}.cta-section p{color:#d7e9ff;margin:0;max-width:640px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.resource-card{padding:24px 27px;border-radius:18px;border:1px solid var(--border);background:#fff}.resource-card h3{font-size:18px;color:var(--navy);margin-bottom:12px}.resource-card p{font-size:14px}.resource-card .resource-footer{margin-top:23px;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:var(--muted)}.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:27px}.search{display:flex;align-items:center;gap:11px;padding:0 16px;height:49px;max-width:440px;width:100%;border:1px solid #cfdbeb;border-radius:12px;background:#fff}.search:focus-within{border-color:#448bd4;box-shadow:0 0 0 4px #448bd420}.search svg{width:19px;height:19px;color:#8a9eb7}.search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:14px;background:transparent}.select{border:1px solid #cfdbeb;padding:12px 17px;border-radius:12px;min-height:49px;background:#fff;color:var(--ink);font-size:14px}.empty{border:1px dashed #bbcee8;background:linear-gradient(135deg,#f9fcff,#edf5ff);border-radius:22px;padding:53px 24px;text-align:center}.empty svg{width:56px;height:56px;color:#6a9acd}.empty h3{font-size:21px;color:var(--navy);margin:18px 0 9px}.empty p{font-size:14px;max-width:560px;margin:0 auto 12px}.empty .mini-note{font-size:12px;color:#7d91ab}.journal-card,.news-card{border:1px solid var(--border);border-radius:19px;overflow:hidden;background:#fff;padding:26px}.journal-card h3,.news-card h3{color:var(--navy);font-size:20px;margin:14px 0}.journal-card p,.news-card p{font-size:14px}.journal-card .meta,.news-card .meta{font-size:12px;color:#71839d}.news-card time{font-size:12px;color:#7890aa}.article-view{max-width:830px;margin-inline:auto}.article-view h2{color:var(--navy);font-size:clamp(28px,3.4vw,42px)}.article-view .prose{white-space:pre-line;line-height:1.95;color:#405673}.notice{border-radius:16px;border:1px solid #dfebfb;background:#f5f9ff;padding:19px 22px;font-size:14px;color:#466487}.notice strong{color:var(--blue)}
/* Kontak */
.contact-detail{display:flex;align-items:flex-start;gap:15px;padding:21px 0;border-bottom:1px solid var(--border)}.contact-detail:last-child{border-bottom:0}.contact-detail .iconbox{width:45px;height:45px;border-radius:12px;flex-shrink:0}.contact-detail .iconbox svg{width:22px}.contact-detail h3{font-size:14px;color:var(--navy);margin:0 0 4px}.contact-detail p{font-size:14px;margin:0;overflow-wrap:anywhere}.contact-detail a{color:var(--blue);font-weight:700}.field{margin-bottom:20px}.field label{display:block;font-weight:800;font-size:13px;color:#2c4770;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #cfdaea;padding:12px 15px;border-radius:11px;background:#fff;color:#203956;outline:0;transition:border .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:#418bd1;box-shadow:0 0 0 4px #418bd11b}.field textarea{resize:vertical;min-height:145px}.form-msg{font-size:13px;margin:15px 0 0;color:#9d5218}.contact-panel{padding:35px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}
/* footer */
.site-footer{background:#071e40;color:#b8c9df}.footer-main{padding:65px 0 43px;display:grid;grid-template-columns:1.5fr .72fr .8fr 1fr;gap:42px}.footer-logo .brand-text{color:#fff}.footer-logo .brand-sub{color:#acc1dd}.footer-desc{font-size:13px;max-width:315px;color:#abbfd9;line-height:1.9;margin:18px 0 0}.footer-main h3{font-size:14px;color:#fff;margin:9px 0 20px}.footer-links{display:grid;gap:12px}.footer-links a{font-size:13px;color:#b8c9df;transition:color .2s}.footer-links a:hover{color:#fff}.footer-info{font-size:13px;color:#b8c9df;line-height:1.95;margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.footer-bottom a{color:#ffcc84}.skip{position:absolute;top:-50px;left:10px;background:#fff;color:#064d9c;padding:12px;z-index:100}.skip:focus{top:10px}
@media(max-width:1120px){.main-nav a{padding:10px 7px;font-size:12px}.nav-action .btn{display:none}.brand-text{font-size:17px}.brand img{width:46px;height:46px}}
@media(max-width:960px){.section{padding:76px 0}.top-strip{display:none}.nav-shell{height:73px}.site-header{position:sticky}.menu-toggle{display:flex}.main-nav{position:absolute;top:73px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:12px 24px 22px;border-top:1px solid var(--border);box-shadow:0 25px 30px #142b4c22}.main-nav.is-open{display:flex}.main-nav a{font-size:14px;padding:13px 15px}.main-nav a.active::after{display:none}.hero-grid{grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(37px,5vw,51px)}.hero-art{transform:translateX(0)}.footer-main{grid-template-columns:1.2fr 1fr;row-gap:35px}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.container{padding-inline:20px}.section{padding:64px 0}.hero-grid{grid-template-columns:1fr;gap:0;min-height:auto}.hero{min-height:0}.hero-content{padding:67px 0 20px}.hero h1{font-size:clamp(37px,8vw,49px)}.hero p{font-size:15px}.hero-art{max-width:510px;margin:auto;max-height:380px}.hero-art img{max-height:380px}.hero-trust{margin-top:30px}.page-hero{padding:54px 0}.grid-2,.grid-3,.grid-4,.steps{grid-template-columns:1fr}.value-band-grid{grid-template-columns:1fr;text-align:left}.value-band-item{justify-content:flex-start}.cta-section .container{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.section-heading h2{font-size:32px}.card{padding:26px}.listing-toolbar{flex-direction:column;align-items:stretch}.search{max-width:none}.split-card{padding:26px}}
@media(max-width:490px){.brand img{width:43px;height:43px}.brand-text{font-size:16px}.brand-sub{font-size:7.3px;letter-spacing:.01em}.nav-shell{gap:7px}.container{padding-inline:17px}.hero h1{font-size:36px}.hero-actions .btn{flex:1;min-width:140px}.hero-art{max-height:310px}.hero-art img{max-height:310px}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.quote-banner{padding:25px}.contact-panel{padding:24px}.focus-block{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Jaga agar atribut hidden selalu dihormati, termasuk pada layout flex. */
[hidden]{display:none!important}

/* Penyempurnaan tampilan gambar berita dari database */
.news-thumb{display:block;width:100%;height:175px;object-fit:cover;border-radius:12px;margin-bottom:16px}
.news-hero-img{display:block;max-height:460px;object-fit:cover;width:100%;margin:22px 0;border-radius:16px}
.prose{white-space:pre-line}

/* INDOSAINSTECH TRANSITION */

@view-transition {
    navigation: auto;
}

@keyframes pageFadeOut {
    to {
        opacity: 0;
        transform: translateY(-7px);
    }
}

@keyframes pageFadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

::view-transition-old(root) {
    animation: 175ms ease-in both pageFadeOut;
}

::view-transition-new(root) {
    animation: 330ms ease-out both pageFadeIn;
}

html.transition-fallback main {
    animation: pageFadeIn 330ms ease-out both;
}

html.transition-fallback.page-leaving main {
    animation: none;
    opacity: 0;
    transform: translateY(-7px);
    transition: opacity 175ms ease-in,
                transform 175ms ease-in;
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
    }
    html.transition-fallback main,
    html.transition-fallback.page-leaving main {
        animation: none !important;
        transition: none !important;
        opacity: 1;
        transform: none;
    }
}

/* INDOSAINSTECH INSTANT NAVIGATION */
@view-transition {
    navigation: none;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none !important;
}

html.transition-fallback main,
html.transition-fallback.page-leaving main {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* INDOSAINSTECH NO PAGE FLASH */
@view-transition {
    navigation: none;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none !important;
}

html.transition-fallback main,
html.transition-fallback.page-leaving main {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}


/* INDOSAINSTECH NAV V4 */
@view-transition {
  navigation: none;
}

html.nav-no-smooth-scroll {
  scroll-behavior: auto !important;
}

html.transition-fallback main,
html.transition-fallback.page-leaving main {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* INDOSAINSTECH SMOOTH SECTIONS V5 */

.top-strip {
  display: none !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

main section[id] {
  scroll-margin-top: 100px;
}

@view-transition {
  navigation: none;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none !important;
}

html.transition-fallback main,
html.transition-fallback.page-leaving main {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

/* INDOSAINSTECH MULTIPAGE V6: no flash, no artificial delay */
.top-strip { display: none !important; }
@view-transition { navigation: none; }
::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
html.transition-fallback main, html.transition-fallback.page-leaving main {
  opacity: 1 !important; transform: none !important;
  animation: none !important; transition: none !important;
}
html.nav-instant-scroll { scroll-behavior: auto !important; }

/* INDOSAINSTECH V7 MOTION */

.top-strip {
  display: none !important;
}

@view-transition {
  navigation: none;
}

main#main {
  view-transition-name: indosainstech-content;
}

@keyframes indosainstech-out {
  to {
    opacity: 0.30;
    transform: translateY(-4px);
  }
}

@keyframes indosainstech-in {
  from {
    opacity: 0.25;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

::view-transition-old(indosainstech-content) {
  animation: 155ms ease-in both indosainstech-out;
}

::view-transition-new(indosainstech-content) {
  animation: 285ms cubic-bezier(.22,1,.36,1)
             both indosainstech-in;
}

@media (prefers-reduced-motion: reduce) {
  main#main {
    view-transition-name: none;
  }

  ::view-transition-old(indosainstech-content),
  ::view-transition-new(indosainstech-content) {
    animation: none !important;
  }
}

/* INDOSAINSTECH NORMAL MULTIPAGE RESET */

@view-transition {
  navigation: none;
}

.top-strip {
  display: none !important;
}

html {
  scroll-behavior: auto !important;
}

main#main,
html.transition-fallback main,
html.transition-fallback.page-leaving main {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  view-transition-name: none !important;
}

/* INDOSAINSTECH NAV NO FLASH FINAL */
.top-strip { display: none !important; }

@view-transition { navigation: none; }

::view-transition-old(root),
::view-transition-new(root) {
  animation: none !important;
}

html.transition-fallback main,
html.transition-fallback.page-leaving main {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html { scroll-behavior: auto !important; }

/* LOGO NAVBAR RESMI INDOSAINSTECH */

.site-header .nav-shell > .brand img {
    width: 190px;
    height: 60px;
    object-fit: contain;
}

/* Hilangkan tulisan lama agar tidak dobel */
.site-header .nav-shell > .brand > span {
    display: none;
}

/* Ukuran logo di HP */
@media (max-width: 600px) {
    .site-header .nav-shell > .brand img {
        width: 150px;
        height: 50px;
    }
}


/* FOOTER WORDMARK FINAL BLUE ORANGE */

.site-footer .footer-logo {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 6px;
  text-decoration: none;
}

.site-footer .footer-wordmark {
  display: inline-flex;
  align-items: center;
  font-family: 'Arial Narrow', 'Segoe UI', Arial, sans-serif;
  font-size: clamp(18px, 2vw, 27px);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.055em;
  line-height: 1.1;
  white-space: nowrap;
}

.site-footer .footer-wordmark > .fw-blue {
  color: #012677 !important;
}

.site-footer .footer-wordmark > .fw-orange {
  color: #fd5a01 !important;
}

.site-footer .footer-desc {
  display: none !important;
}

/* HILANGKAN LOGO DAN TULISAN INDOSAINSTECH DI FOOTER */
footer .footer-logo,
footer .footer-wordmark {
    display: none !important;
}



/* FOOTER LOGO RESTORE FINAL */

footer .footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none;
  margin-bottom: 16px;
}

footer .footer-logo img {
  display: block;
  width: 190px;
  height: auto;
  object-fit: contain;
  background: #ffffff;
  padding: 8px 10px;
  border-radius: 8px;
}

footer .footer-wordmark {
  display: none !important;
}

footer .footer-desc {
  display: none !important;
}

@media (max-width: 600px) {
  footer .footer-logo img {
    width: 155px;
  }
}

/* LOGO ASLI INDOSAINSTECH DI FOOTER */

.site-footer .footer-logo,
footer .footer-logo {
    display: inline-flex !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.site-footer .footer-logo img,
footer .footer-logo img {
    display: block !important;
    width: 200px !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

@media (max-width: 600px) {
    footer .footer-logo img {
        width: 170px !important;
    }
}


/* UKURAN LOGO FOOTER INDOSAINSTECH */

.site-footer .footer-logo img,
footer .footer-logo img {
    width: 170px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    padding: 0 !important;
}

.site-footer .footer-logo,
footer .footer-logo {
    margin-bottom: 0 !important;
    align-self: flex-start;
}

/* Tampilan HP */
@media (max-width: 600px) {
    .site-footer .footer-logo img,
    footer .footer-logo img {
        width: 140px !important;
    }
}


/* UKURAN LOGO FOOTER FINAL */
.site-footer .footer-logo img,
footer .footer-logo img {
    width: 150px !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 600px) {
    .site-footer .footer-logo img,
    footer .footer-logo img {
        width: 125px !important;
    }
}



/* FOOTER COPYRIGHT BIMNAW FINAL */

.site-footer {
  overflow: hidden;
}

.site-footer .footer-bottom {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 27px 0;
  border-top: none;
  font-size: 15px;
}

.site-footer .footer-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: #040819;
  z-index: -1;
}

.site-footer .footer-copy {
  color: #93a9cb;
}

.site-footer .footer-credit {
  color: #93a9cb;
  white-space: nowrap;
}

.site-footer .footer-credit strong {
  color: #ffffff;
  font-weight: 800;
}

@media (max-width: 600px) {
  .site-footer .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 22px 0;
    font-size: 13px;
  }
}

/* KEMBALIKAN BACKGROUND FOOTER ASLI */

.site-footer .footer-bottom {
    background: transparent !important;
}

.site-footer .footer-bottom::before {
    display: none !important;
}



/* INDOSAINSTECH FOOTER COMPACT V1 */

/* Perpendek tinggi footer */
.site-footer .footer-main {
    padding-top: 42px !important;
    padding-bottom: 28px !important;
    column-gap: 35px;
    row-gap: 25px;
    align-items: start;
}

/* Sejajarkan logo dengan judul kolom */
.site-footer .footer-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: start;
}

/* Pertahankan logo asli */
.site-footer .footer-logo img {
    width: 150px !important;
    height: auto !important;
    object-fit: contain;
}

/* Judul kolom */
.site-footer .footer-main h3 {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 14px;
}

/* Jarak antar menu */
.site-footer .footer-links {
    gap: 10px !important;
}

/* Teks menu */
.site-footer .footer-links a,
.site-footer .footer-info {
    font-size: 13px;
    line-height: 1.7;
}

/* Copyright dan Build by */
.site-footer .footer-bottom {
    padding: 17px 0 !important;
    font-size: 13px !important;
    gap: 16px;
    border-top: 1px solid rgba(255,255,255,.12);
    background: transparent !important;
}

.site-footer .footer-bottom::before {
    display: none !important;
}

/* Tampilan tablet */
@media (max-width: 960px) {
    .site-footer .footer-main {
        padding-top: 35px !important;
        padding-bottom: 25px !important;
        row-gap: 28px;
    }
}

/* Tampilan HP */
@media (max-width: 600px) {
    .site-footer .footer-main {
        padding-top: 32px !important;
        padding-bottom: 24px !important;
        row-gap: 26px;
    }

    .site-footer .footer-logo img {
        width: 125px !important;
    }

    .site-footer .footer-bottom {
        padding: 18px 0 !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        font-size: 12px !important;
    }
}

/* END FOOTER COMPACT V1 */
/* INDOSAINSTECH CONTACT SIMPLIFIED V1 */

body[data-page="kontak"] main > .section {
  padding: 62px 0 72px;
  background: #f8fbff;
}

.contact-page-layout {
  display: block !important;
  max-width: 970px;
}

.contact-page-layout > div {
  max-width: 100%;
  padding: 39px 45px;
  border: 1px solid #e2eaf6;
  border-radius: 22px;
  background: white;
  box-shadow: 0 16px 40px rgba(11,44,92,.055);
}

.contact-page-layout .contact-detail {
  padding: 18px 0;
}

.contact-page-layout .contact-detail:last-child {
  border-bottom: 0;
}

.contact-page-layout .contact-detail a:not([href]) {
  color: #7789a1;
  cursor: default;
}

@media (max-width: 600px) {
  body[data-page="kontak"] main > .section {
    padding: 40px 0 54px;
  }

  .contact-page-layout > div {
    padding: 26px 23px;
  }

  .contact-page-layout .contact-detail {
    padding: 17px 0;
  }
}
/* INDOSAINSTECH_HERO_SLIDER_START */
.hero.hero-slides{min-height:0}
.hero.hero-slides .hero-grid{grid-template-columns:1fr 1fr;min-height:495px;gap:38px;padding-block:35px}
.hero.hero-slides .hero-content{padding:28px 0;min-width:0}
.hero.hero-slides h1{font-size:clamp(32px,4vw,53px);line-height:1.16;overflow-wrap:anywhere;margin:20px 0}
.hero.hero-slides .hero-content>p{color:#d8e7f9;line-height:1.7;max-width:580px}
.hero.hero-slides .hero-content>p[data-hs="summary"]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero.hero-slides .hero-event-date{font-size:13px;font-weight:700;color:#ffcd94}
.hero.hero-slides .hero-art{transform:none;padding:8px;border-radius:22px;background:#ffffff15;border:1px solid #ffffff35;overflow:hidden}
.hero.hero-slides .hero-art img{width:100%;height:375px;object-fit:cover;border-radius:16px}
.hero-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-nav button{min-width:36px;min-height:36px;color:#fff;background:#ffffff1c;border:1px solid #ffffff55;border-radius:9px;cursor:pointer}
.hero-dots{display:flex;align-items:center;gap:7px}
.hero-dots button{min-width:10px;min-height:10px;width:10px;height:10px;padding:0;border:0;border-radius:30px;background:#ffffff88}
.hero-dots button.active{width:27px;background:#efa744}
@media(max-width:800px){.hero.hero-slides .hero-grid{grid-template-columns:1fr;gap:15px;padding-block:30px}.hero.hero-slides .hero-art img{height:280px}}
@media(max-width:490px){.hero.hero-slides .hero-art img{height:215px}.hero.hero-slides h1{font-size:30px}}




/* INDOSAINSTECH_HERO_CROSSFADE_V3 */

.hero.hero-slides .hero-content > :not(.hero-nav),
.hero.hero-slides .hero-art {
  transition:
    opacity .28s ease,
    transform .42s cubic-bezier(.22,1,.36,1);
}

.hero.hero-slides.hero-switching .hero-content > :not(.hero-nav) {
  opacity: 0;
  transform: translateY(13px);
}

.hero.hero-slides.hero-switching .hero-art {
  opacity: 0;
  transform: translateX(16px) scale(.985);
}

.hero.hero-slides .hero-art img {
  animation: indosainPhotoDrift 6000ms ease-out both;
}

@keyframes indosainPhotoDrift {
  from { transform: scale(1); }
  to   { transform: scale(1.045); }
}

/* Progress indicator */
.hero.hero-slides .hero-dots button,
.hero.hero-slides .hero-dots button.active {
  position: relative;
  width: 38px;
  min-width: 38px;
  height: 6px;
  min-height: 6px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255,255,255,.30);
}

.hero.hero-slides .hero-dots button .hero-progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #ffbd71;
  border-radius: 99px;
}

@keyframes indosainProgress {
  from { width: 0; }
  to   { width: 100%; }
}

.hero.hero-slides:has([data-hs="pause"][aria-pressed="true"])
.hero-progress-fill {
  animation-play-state: paused !important;
}

/* Scroll reveal */
#main > section.indosain-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .7s ease,
    transform .75s cubic-bezier(.22,1,.36,1);
}

#main > section.indosain-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .hero.hero-slides .hero-content > :not(.hero-nav),
  .hero.hero-slides .hero-art,
  #main > section.indosain-reveal {
    transition: none !important;
  }

  .hero.hero-slides .hero-art img {
    animation: none !important;
  }

  #main > section.indosain-reveal {
    opacity: 1;
    transform: none;
  }
}

/* INDOSAINSTECH_EDITORIAL_SECTION_V1 */

#indosain-editorial {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(
    ellipse at 50% 30%,
    #163e73 0%,
    #0d2b55 40%,
    #061831 100%
  );
  color: white;
}

#indosain-editorial .editorial-inner {
  position: relative;
  min-height: clamp(650px,92svh,920px);
  padding-top: 120px;
  padding-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#indosain-editorial .editorial-eyebrow {
  position: relative;
  z-index: 3;
  color: #e9b56c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .17em;
  margin-bottom: 26px;
}

#indosain-editorial .editorial-title {
  position: relative;
  z-index: 2;
  font-family: 'Plus Jakarta Sans',sans-serif;
  font-size: clamp(58px,10vw,146px);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.08em;
  color: white;
  margin: 0;
  text-transform: uppercase;
  text-wrap: balance;
}

#indosain-editorial .editorial-title span {
  color: #eab05c;
}

#indosain-editorial .editorial-title em {
  font-style: normal;
  color: #a9d5ff;
}

#indosain-editorial .editorial-summary {
  position: relative;
  z-index: 3;
  max-width: 540px;
  color: #d9e6f7;
  font-size: 17px;
  line-height: 1.7;
  margin: 32px 0 21px;
}

#indosain-editorial .editorial-link {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  padding: 12px 23px;
  background: #eab05c;
  color: #102b52;
  font-weight: 800;
  font-size: 14px;
  transition: transform .25s,background .25s;
}

#indosain-editorial .editorial-link:hover {
  transform: translateY(-3px);
  background: white;
}

#indosain-editorial .editorial-scroll-hint {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  color: #d9e6f7;
  letter-spacing: .2em;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

#indosain-editorial .editorial-float {
  position: absolute;
  z-index: 1;
  width: clamp(115px,17vw,230px);
  aspect-ratio: 1.17;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #eaf3ff;
  border: 6px solid #ffffff1c;
  box-shadow: 0 22px 80px #0004;
  border-radius: 37% 63% 54% 46% / 47% 39% 61% 53%;
}

#indosain-editorial .editorial-float img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 11px;
}

#indosain-editorial .editorial-float-a {
  left: 0;
  top: 10%;
  transform: rotate(-12deg);
}

#indosain-editorial .editorial-float-b {
  right: 1%;
  top: 10%;
  transform: rotate(9deg);
  background: #ffe6b2;
}

#indosain-editorial .editorial-float-c {
  left: 3%;
  bottom: 9%;
  transform: rotate(11deg);
  background: #dcf3e8;
}

#indosain-editorial .editorial-float-d {
  right: 0;
  bottom: 10%;
  transform: rotate(-8deg);
  background: #e5dffd;
}

/* Scroll reveal */
#indosain-editorial.editorial-motion .editorial-eyebrow,
#indosain-editorial.editorial-motion .editorial-title,
#indosain-editorial.editorial-motion .editorial-summary,
#indosain-editorial.editorial-motion .editorial-link {
  opacity: 0;
  translate: 0 42px;
  transition:
    opacity .9s ease,
    translate .9s cubic-bezier(.2,.8,.2,1);
}

#indosain-editorial.editorial-motion.editorial-visible .editorial-eyebrow,
#indosain-editorial.editorial-motion.editorial-visible .editorial-title,
#indosain-editorial.editorial-motion.editorial-visible .editorial-summary,
#indosain-editorial.editorial-motion.editorial-visible .editorial-link {
  opacity: 1;
  translate: 0 0;
}

#indosain-editorial.editorial-motion .editorial-float {
  opacity: 0;
  scale: .86;
  transition:
    opacity 1s ease,
    scale 1.15s cubic-bezier(.2,.8,.2,1);
}

#indosain-editorial.editorial-motion.editorial-visible .editorial-float {
  opacity: 1;
  scale: 1;
}

#indosain-editorial.editorial-motion .editorial-summary {
  transition-delay: .18s;
}

#indosain-editorial.editorial-motion .editorial-link {
  transition-delay: .3s;
}

/* Gerakan visual setelah muncul */
#indosain-editorial.editorial-visible .editorial-float img {
  animation: indosainEditorialFloat 7s ease-in-out infinite alternate;
}

@keyframes indosainEditorialFloat {
  from { transform: translateY(0) scale(1); }
  to { transform: translateY(-9px) scale(1.025); }
}

@media(max-width:800px) {
  #indosain-editorial .editorial-inner { min-height: 670px; }
  #indosain-editorial .editorial-title {
    font-size: clamp(53px,10vw,83px);
  }
  #indosain-editorial .editorial-float { width: 145px; }
  #indosain-editorial .editorial-float-a { left:-32px;top:7%; }
  #indosain-editorial .editorial-float-b { right:-29px;top:7%; }
  #indosain-editorial .editorial-float-c { left:-50px;bottom:10%; }
  #indosain-editorial .editorial-float-d { right:-42px;bottom:11%; }
}

@media(max-width:520px) {
  #indosain-editorial .editorial-inner {
    min-height:620px;
    padding-top:150px;
    padding-bottom:80px;
  }
  #indosain-editorial .editorial-eyebrow {
    font-size:10px;
    letter-spacing:.1em;
  }
  #indosain-editorial .editorial-title {
    font-size:clamp(46px,11vw,60px);
  }
  #indosain-editorial .editorial-float {
    width:113px;
    border-width:3px;
  }
  #indosain-editorial .editorial-float-a { top:4%;left:-10px; }
  #indosain-editorial .editorial-float-b { top:4%;right:-10px; }
  #indosain-editorial .editorial-float-c,
  #indosain-editorial .editorial-float-d { display:none; }
  #indosain-editorial .editorial-summary { font-size:14px; }
}

@media(prefers-reduced-motion:reduce) {
  #indosain-editorial * {
    animation:none!important;
    transition:none!important;
  }
  #indosain-editorial.editorial-motion .editorial-eyebrow,
  #indosain-editorial.editorial-motion .editorial-title,
  #indosain-editorial.editorial-motion .editorial-summary,
  #indosain-editorial.editorial-motion .editorial-link,
  #indosain-editorial.editorial-motion .editorial-float {
    opacity:1;
    translate:none;
    scale:1;
  }
}

/* INDOSAINSTECH_SKY_SCROLL_V1 */

/* Hindari benturan dengan scroll reveal sebelumnya */
#main > section.indosain-reveal,
#main > section.indosain-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Efek jatuh perlahan dari atas */
.sky-enter {
  opacity: 0;
  translate: 0 -72px;
  filter: blur(7px);

  transition:
    opacity 1050ms cubic-bezier(.16,1,.3,1),
    translate 1200ms cubic-bezier(.16,1,.3,1),
    filter 1050ms ease;

  transition-delay: var(--sky-delay,0ms);
}

.sky-enter.sky-show {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
}

/* Penyesuaian perangkat HP */
@media(max-width:600px) {
  .sky-enter {
    translate: 0 -45px;
    filter: blur(4px);
  }
}

/* Aksesibilitas */
@media(prefers-reduced-motion:reduce) {
  .sky-enter,
  .sky-enter.sky-show {
    opacity: 1 !important;
    translate: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* INDOSAINSTECH_HERO_POLISH_V1 */

/* Latar hero lebih dalam dan elegan */
#beranda.hero.hero-slides {
  background:
    radial-gradient(circle at 78% 32%, rgba(68,150,234,.31), transparent 40%),
    radial-gradient(circle at 13% 82%, rgba(16,89,172,.26), transparent 42%),
    linear-gradient(112deg, #071b3b 0%, #0d3569 60%, #18599e 100%);
}

/* Tata letak utama */
#beranda.hero.hero-slides .hero-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1.06fr);
  min-height: 630px;
  gap: clamp(28px,4.5vw,75px);
  padding-block: 56px;
}

#beranda.hero.hero-slides .hero-content {
  padding: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* Label kategori berita */
#beranda.hero.hero-slides .hero-content .pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 15px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 99px;
  background: rgba(255,255,255,.085);
  color: #f1c58b;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

#beranda.hero.hero-slides .hero-content .pill::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: #f5b558;
  box-shadow: 0 0 0 4px rgba(245,181,88,.13);
}

/* Judul dan ringkasan */
#beranda.hero.hero-slides h1 {
  font-size: clamp(38px,4.2vw,68px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.13;
  margin: 25px 0 17px;
  max-width: 640px;
  text-wrap: balance;
}

#beranda.hero.hero-slides p[data-hs="summary"] {
  font-size: clamp(15px,1.1vw,18px);
  line-height: 1.8;
  color: #d4e3f6;
  max-width: 540px;
  margin: 0;
}

#beranda.hero.hero-slides p.hero-event-date {
  margin: 21px 0 0;
  color: #c3d7f0;
  font-size: 13px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

#beranda.hero.hero-slides p.hero-event-date::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #efb76e;
}

/* Tombol baca selengkapnya */
#beranda.hero.hero-slides .hero-actions {
  margin-top: 27px;
}

#beranda.hero.hero-slides .hero-actions .btn {
  min-width: 205px;
  min-height: 53px;
  border-radius: 13px;
  background: #fff;
  color: #0c376e;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 0 20px;
  box-shadow: 0 16px 36px rgba(2,16,43,.16);
  font-size: 0;
  transition: transform .25s ease, box-shadow .25s ease;
}

#beranda.hero.hero-slides .hero-actions .btn::before {
  content: "Selengkapnya";
  font-size: 15px;
  font-weight: 750;
}

#beranda.hero.hero-slides .hero-actions .btn::after {
  content: "\2197";
  font-size: 19px;
}

#beranda.hero.hero-slides .hero-actions .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(2,16,43,.24);
}

/* Bingkai gambar agar tidak terpotong */
#beranda.hero.hero-slides .hero-art {
  position: relative;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 28px;
  background: linear-gradient(
    150deg,
    rgba(255,255,255,.17),
    rgba(255,255,255,.055)
  );
  box-shadow: 0 26px 70px rgba(3,16,40,.27);
  backdrop-filter: blur(9px);
  overflow: hidden;
}

#beranda.hero.hero-slides .hero-art img {
  display: block;
  width: 100%;
  height: clamp(300px,28vw,405px);
  padding: 16px;
  border-radius: 19px;
  background: #fff;
  object-fit: contain;
  object-position: center;
}

#beranda.hero.hero-slides .hero-art::after {
  content: "INDOSAINSTECH ID";
  position: absolute;
  right: 27px;
  bottom: 27px;
  background: rgba(7,29,65,.84);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .1em;
  pointer-events: none;
}

/* Navigasi slider transparan */
#beranda.hero.hero-slides .hero-nav {
  margin-top: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(2,22,52,.22);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  gap: 10px;
  min-height: 51px;
}

/* Panah sebelumnya dan berikutnya */
#beranda.hero.hero-slides .hero-nav [data-hs="prev"],
#beranda.hero.hero-slides .hero-nav [data-hs="next"] {
  display: grid;
  place-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  font-size: 0;
  color: transparent;
}

#beranda.hero.hero-slides .hero-nav [data-hs="prev"]::before,
#beranda.hero.hero-slides .hero-nav [data-hs="next"]::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#beranda.hero.hero-slides .hero-nav [data-hs="prev"]::before {
  transform: translateX(2px) rotate(-135deg);
}

#beranda.hero.hero-slides .hero-nav [data-hs="next"]::before {
  transform: translateX(-2px) rotate(45deg);
}

#beranda.hero.hero-slides .hero-nav [data-hs="pause"] {
  padding: 0 12px;
  min-height: 36px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.09);
}

/* Progress bar */
#beranda.hero.hero-slides .hero-dots {
  gap: 7px;
}

#beranda.hero.hero-slides .hero-dots button,
#beranda.hero.hero-slides .hero-dots button.active {
  width: 44px;
  min-width: 44px;
  height: 5px;
  min-height: 5px;
  border: none;
  background: rgba(255,255,255,.27);
  border-radius: 100px;
  overflow: hidden;
}

#beranda.hero.hero-slides .hero-dots .hero-progress-fill {
  background: #ffc078;
  border-radius: 100px;
}

/* Tampilan tablet dan HP */
@media(max-width:800px) {
  #beranda.hero.hero-slides .hero-grid {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 28px;
    padding-block: 44px;
  }

  #beranda.hero.hero-slides .hero-art {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }

  #beranda.hero.hero-slides .hero-art img {
    height: 305px;
  }
}

@media(max-width:490px) {
  #beranda.hero.hero-slides .hero-grid {
    padding-block: 35px;
  }

  #beranda.hero.hero-slides h1 {
    font-size: clamp(32px,9vw,43px);
  }

  #beranda.hero.hero-slides .hero-art {
    padding: 9px;
    border-radius: 20px;
  }

  #beranda.hero.hero-slides .hero-art img {
    height: 230px;
    padding: 10px;
    border-radius: 14px;
  }

  #beranda.hero.hero-slides .hero-art::after {
    right: 16px;
    bottom: 16px;
    font-size: 8px;
    padding: 7px 9px;
  }

  #beranda.hero.hero-slides .hero-dots button,
  #beranda.hero.hero-slides .hero-dots button.active {
    width: 28px;
    min-width: 28px;
  }
}

@media(prefers-reduced-motion:reduce) {
  #beranda.hero.hero-slides .hero-actions .btn {
    transition: none;
  }
}



/* INDOSAINSTECH_HERO_EDITORIAL_V4 */

/* Background elegan seperti referensi, warna organisasi tetap */
#beranda.hero.hero-slides {
  min-height: 580px;
  background:
    radial-gradient(
      ellipse at 85% 35%,
      rgba(38,108,169,.34),
      transparent 57%
    ),
    linear-gradient(
      105deg,
      #071d37 0%,
      #082b42 49%,
      #0b356b 100%
    );
}

#beranda.hero.hero-slides .hero-line {
  opacity: .025;
}

/* Komposisi kiri dan kanan */
#beranda.hero.hero-slides .hero-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  min-height: 580px;
  gap: clamp(20px,3vw,48px);
  align-items: center;
  padding-top: 52px;
  padding-bottom: 60px;
}

#beranda.hero.hero-slides .hero-content {
  padding: 0;
  min-width: 0;
  max-width: 575px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* Kategori */
#beranda.hero.hero-slides .hero-content .pill {
  padding: 8px 15px;
  font-family: 'DM Sans',sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .075em;
  color: #ffc578;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
}

#beranda.hero.hero-slides .hero-content .pill::before {
  width: 6px;
  height: 6px;
  background: #ffc578;
}

/* Ukuran headline terkendali dan proporsional */
#beranda.hero.hero-slides h1 {
  font-family: 'Plus Jakarta Sans','DM Sans',sans-serif;
  font-size: clamp(36px,3.1vw,52px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.045em;
  color: #fff;
  margin: 25px 0 22px;
  max-width: 570px;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Deskripsi enak dibaca */
#beranda.hero.hero-slides p[data-hs="summary"] {
  font-family: 'DM Sans',sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
  color: #d5e3ed;
  max-width: 530px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Metadata tanggal */
#beranda.hero.hero-slides .hero-event-date {
  margin: 20px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #b7cddd;
}

/* Tombol utama */
#beranda.hero.hero-slides .hero-actions {
  margin-top: 25px;
}

#beranda.hero.hero-slides .hero-actions .btn {
  min-width: 184px;
  min-height: 49px;
  padding: 0 19px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  background: #ffc04c;
  color: #092d4d;
  border: 0;
  border-radius: 12px;
  font-size: 0;
  box-shadow: none;
  transition: background .25s ease,transform .25s ease;
}

#beranda.hero.hero-slides .hero-actions .btn::before {
  content: "Selengkapnya";
  font-size: 14px;
  font-weight: 800;
}

#beranda.hero.hero-slides .hero-actions .btn::after {
  content: "\2192";
  font-size: 19px;
  font-weight: 600;
}

#beranda.hero.hero-slides .hero-actions .btn:hover {
  background: #ffcf78;
  transform: translateY(-2px);
}

/* Hapus bingkai putih dan elemen kartu */
#beranda.hero.hero-slides .hero-art {
  position: relative;
  min-width: 0;
  max-width: none;
  width: calc(100% + max(0px,(100vw - 1170px)/2));
  margin-right: calc(-1 * max(0px,(100vw - 1170px)/2));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
}

#beranda.hero.hero-slides .hero-art::after {
  content: none;
  display: none;
}

/* Visual kanan besar, menyatu dengan latar */
#beranda.hero.hero-slides .hero-art img {
  display: block;
  width: 100%;
  max-width: none;
  height: 550px;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: transparent;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 15%,
    #000 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 15%,
    #000 100%
  );
}

/* Ilustrasi bawaan tetap transparan */
#beranda.hero.hero-slides
.hero-art img[src*="hero-network.svg"] {
  object-fit: contain;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Navigasi lebih tenang dan minimalis */
#beranda.hero.hero-slides .hero-nav {
  margin-top: 34px;
  min-height: 32px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  gap: 12px;
}

#beranda.hero.hero-slides .hero-nav
[data-hs="prev"],
#beranda.hero.hero-slides .hero-nav
[data-hs="next"] {
  width: 31px;
  min-width: 31px;
  height: 31px;
  min-height: 31px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 9px;
}

#beranda.hero.hero-slides .hero-dots button,
#beranda.hero.hero-slides .hero-dots button.active {
  width: 37px;
  min-width: 37px;
  height: 4px;
  min-height: 4px;
  background: rgba(255,255,255,.3);
}

#beranda.hero.hero-slides
.hero-dots .hero-progress-fill {
  background: #ffc04c;
}

#beranda.hero.hero-slides .hero-nav
[data-hs="pause"] {
  min-height: 31px;
  padding: 0 10px;
  font-size: 11px;
  background: transparent;
  border: 1px solid rgba(255,255,255,.2);
}

/* Tablet dan HP */
@media(max-width:900px) {
  #beranda.hero.hero-slides .hero-grid {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 25px;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  #beranda.hero.hero-slides .hero-content {
    max-width: 100%;
  }

  #beranda.hero.hero-slides h1 {
    font-size: clamp(32px,5.5vw,48px);
  }

  #beranda.hero.hero-slides .hero-art {
    width: 100%;
    margin-right: 0;
  }

  #beranda.hero.hero-slides .hero-art img {
    height: 310px;
    border-radius: 18px;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@media(max-width:520px) {
  #beranda.hero.hero-slides .hero-grid {
    padding-top: 34px;
    padding-bottom: 36px;
  }

  #beranda.hero.hero-slides h1 {
    font-size: 34px;
    line-height: 1.18;
  }

  #beranda.hero.hero-slides
  p[data-hs="summary"] {
    font-size: 14px;
    line-height: 1.7;
  }

  #beranda.hero.hero-slides .hero-art img {
    height: 235px;
  }
}

/* INDOSAINSTECH_TENTANG_FINAL_V1 */

body[data-page="tentang"] .page-hero {
  padding-block:57px 61px;
}

body[data-page="tentang"] .section {
  padding-block:78px;
}

body[data-page="tentang"] .about-lead h2 {
  font-size:clamp(30px,3.2vw,43px);
  line-height:1.22;
}

body[data-page="tentang"] .about-lead p {
  line-height:1.77;
  margin:0 0 16px;
}

body[data-page="tentang"] .tentang-figure {
  margin:0;
}

body[data-page="tentang"] .tentang-figure img {
  width:100%;
  height:auto;
  display:block;
}

body[data-page="tentang"] .tentang-figure figcaption {
  padding:0 20px 18px;
  text-align:center;
  font-size:13px;
  color:#476080;
}

body[data-page="tentang"] .tentang-values .card {
  height:100%;
  padding:26px 24px;
}

body[data-page="tentang"] .tentang-values .card p {
  line-height:1.74;
  font-size:14px;
  margin:12px 0 0;
}

body[data-page="tentang"] .tentang-direction .split-card {
  height:100%;
}

body[data-page="tentang"] .tentang-direction .split-card p {
  line-height:1.8;
}

body[data-page="tentang"] .tentang-direction .simple-list li {
  line-height:1.65;
  margin-bottom:14px;
}

body[data-page="tentang"] .tentang-direction .simple-list li::before {
  content:"\2713";
}

body[data-page="tentang"] .tentang-cta {
  margin-top:34px;
  background:linear-gradient(120deg,#0b2b53,#15549a);
  border-radius:22px;
  padding:33px 37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  color:white;
}

body[data-page="tentang"] .tentang-cta-label {
  color:#ffcd88;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}

body[data-page="tentang"] .tentang-cta h3 {
  font-size:clamp(23px,2.6vw,30px);
  margin:8px 0 10px;
  color:white;
}

body[data-page="tentang"] .tentang-cta p {
  max-width:620px;
  color:#e3ecf7;
  line-height:1.65;
  margin:0;
}

body[data-page="tentang"] .tentang-cta .btn {
  flex-shrink:0;
  white-space:nowrap;
}

@media(max-width:750px) {
  body[data-page="tentang"] .section {
    padding-block:56px;
  }

  body[data-page="tentang"] .tentang-cta {
    flex-direction:column;
    align-items:flex-start;
    padding:27px;
  }

  body[data-page="tentang"] .tentang-cta .btn {
    width:100%;
  }
}

/* INDOSAINSTECH_NAV_CONTACT_V1 */

/* Tombol Hubungi Kami tetap tersedia pada tablet dan HP */
@media (max-width:1120px) {
  #site-header .nav-action > a.btn[href="kontak.html"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width:490px) {
  #site-header .nav-action > a.btn[href="kontak.html"] {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 10px;
    white-space: nowrap;
  }

  #site-header .nav-action > a.btn[href="kontak.html"] svg {
    display: none;
  }
}

/* INDOSAINSTECH_JURNAL_NAV_FOOTER_V2 */

@media(min-width:1121px) {
  .site-header .main-nav a {
    font-size:15px;
    padding:11px 12px;
  }
}

@media(min-width:961px) and (max-width:1120px) {
  .site-header .main-nav a {
    font-size:14px;
    padding:11px 9px;
  }
}

@media(max-width:960px) {
  .site-header .main-nav a {
    font-size:15px;
  }
}

#site-footer .footer-desc {
  max-width:370px;
  font-size:13px;
  line-height:1.8;
  color:#c1d0e3;
  margin:14px 0 0;
}

body[data-page="journal"]
.frame-img img[src*="journal-directory.svg"] {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}



/* INDOSAINSTECH_HERO_DITHER_V1 */

#beranda.hero.hero-slides {
  isolation: isolate;
  background:
    radial-gradient(
      ellipse at 72% 26%,
      #1a548a 0%,
      transparent 56%
    ),
    linear-gradient(
      115deg,
      #071a34 0%,
      #092d4c 52%,
      #0b376b 100%
    );
}

#beranda.hero.hero-slides .indosain-dither {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .90;
}

#beranda.hero.hero-slides .hero-grid {
  position: relative;
  z-index: 2;
}

#beranda.hero.hero-slides .hero-line {
  z-index: 1;
  opacity: .015;
}

@media (max-width:750px) {
  #beranda.hero.hero-slides .indosain-dither {
    opacity: .65;
  }
}

/* INDOSAINSTECH_DITHER_POLISH_V1 */

/* Titik dithering lebih lembut */
#beranda.hero.hero-slides .indosain-dither {
    opacity: .40 !important;
    z-index: 0 !important;
}

/* Teks dan gambar berada di atas background */
#beranda.hero.hero-slides .hero-grid,
#beranda.hero.hero-slides .hero-featured-grid {
    position: relative;
    z-index: 3 !important;
}

/* Lapisan dekoratif tetap di belakang konten */
#beranda.hero.hero-slides .hero-line {
    z-index: 1 !important;
    pointer-events: none;
}

/* Lebih ringan secara visual di HP */
@media (max-width: 750px) {
    #beranda.hero.hero-slides .indosain-dither {
        opacity: .27 !important;
    }
}


/* INDOSAINSTECH_DITHER_MOTION_TUNE_V2 */

/* Background dithering sedikit lebih terlihat */
#beranda.hero.hero-slides .indosain-dither {
  opacity: .50 !important;
  pointer-events: none !important;
}

/* Pastikan Hero tetap berada di depan animasi */
#beranda.hero.hero-slides .hero-grid {
  position: relative;
  z-index: 3 !important;
}

/* Tampilan HP */
@media (max-width:750px) {
  #beranda.hero.hero-slides .indosain-dither {
    opacity: .34 !important;
  }
}


/* INDOSAINSTECH_FOOTER_FINAL_V1 */

#site-footer {
  background: #091f40;
  color: #bdcce1;
}

#site-footer .footer-main {
  display: grid !important;
  grid-template-columns:
    minmax(0,1.35fr)
    minmax(150px,.7fr)
    minmax(0,1fr) !important;

  gap: clamp(28px,5vw,76px);
  padding-top: 48px;
  padding-bottom: 36px;
  align-items: start;
}

#site-footer .footer-col {
  min-width: 0;
}

/* Logo dan identitas organisasi */
#site-footer .footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

#site-footer .footer-logo img {
  width: 100px !important;
  height: auto !important;
  max-height: 112px;
  object-fit: contain;
}

#site-footer .footer-logo .brand-text {
  color: #fff;
}

#site-footer .footer-desc {
  max-width: 390px;
  margin: 17px 0 0;
  color: #c5d4e8;
  font-size: 14px;
  line-height: 1.85;
}

/* Judul masing-masing kolom */
#site-footer .footer-main h3 {
  margin: 9px 0 18px;
  color: #fff;
  font-size: 16px;
  font-weight: 750;
}

/* Navigasi */
#site-footer .footer-links {
  display: grid;
  gap: 11px;
}

#site-footer .footer-links a {
  width: fit-content;
  color: #c5d4e8;
  font-size: 14px;
  transition: color .2s ease;
}

#site-footer .footer-links a:hover,
#site-footer .footer-links a:focus-visible {
  color: #ffbd65;
}

/* Informasi kontak */
#site-footer .footer-info {
  margin: 0 0 11px;
  color: #c5d4e8;
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

#site-footer .footer-direct {
  font-weight: 600;
  color: #eef5ff;
}

#site-footer .footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: 10px;
  padding: 10px 15px;

  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;

  color: #fff;
  font-size: 13px;
  font-weight: 750;

  background: rgba(255,255,255,.07);
  transition:
    background .2s ease,
    border-color .2s ease;
}

#site-footer .footer-contact-link:hover {
  background: rgba(255,255,255,.15);
  border-color: #ffbd65;
}

/* Copyright */
#site-footer .footer-bottom {
  padding: 18px 0 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;

  border-top: 1px solid rgba(255,255,255,.13);
  font-size: 13px;
}

#site-footer .footer-credit strong {
  color: #fff;
}

/* Tablet */
@media(max-width:850px) {
  #site-footer .footer-main {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
    gap: 28px 32px;
  }

  #site-footer .footer-about {
    grid-column: 1/-1;
  }
}

/* Mobile */
@media(max-width:540px) {
  #site-footer .footer-main {
    grid-template-columns: 1fr !important;
    padding-top: 35px;
    gap: 28px;
  }

  #site-footer .footer-about {
    grid-column: auto;
  }

  #site-footer .footer-logo img {
    width: 86px !important;
    max-height: 100px;
  }

  #site-footer .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}