/* ═══ SIGNATURE LAYER, bahasa visual "dokumen perjalanan" Visa Australia Center ═══
   Dipakai di SEMUA halaman website utama (dipasang bersama signature.js).
   Elemen page-specific (stempel hero, boarding pass, polaroid, dll) ada di markup index.html. */

/* --- stempel imigrasi di hero --- */
.sig-stamp{position:absolute;right:7%;top:26%;z-index:3;transform:rotate(7deg);text-align:center;
  border:3px solid rgba(255,255,255,.72);border-radius:16px;padding:16px 26px 14px;color:rgba(255,255,255,.88);
  mix-blend-mode:screen;pointer-events:none;}
.sig-stamp::before{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.45);border-radius:10px;}
.sig-stamp .s1{font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;opacity:.85;}
.sig-stamp .s2{font-family:var(--serif);font-weight:800;font-size:30px;letter-spacing:.04em;margin-top:4px;}
.sig-stamp .s3{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:5px;opacity:.75;}
@media(max-width:1100px){.sig-stamp{display:none;}}

/* --- stats sebagai boarding pass --- */
.sig-bp{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;
  box-shadow:var(--shadow-lg);padding:34px 46px 38px;}
.sig-bp .bp-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px;
  padding-bottom:18px;border-bottom:2px dashed var(--line);
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.sig-bp .bp-top .rt{display:flex;align-items:center;gap:10px;color:var(--ink);}
.sig-bp .bp-top .rt svg{width:17px;height:17px;color:var(--blue);}
.sig-bp .bp-top b{color:var(--blue);}
.sig-bp .stat{padding:0 34px;border-left:2px dashed var(--line);}
.sig-bp .stats{gap:0;}
.sig-bp .stat:first-child{border-left:0;padding-left:0;}
.sig-bp::before,.sig-bp::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;
  background:var(--cream);border:1px solid var(--line);top:71px;}
.sig-bp::before{left:-14px;}
.sig-bp::after{right:-14px;}
@media(max-width:880px){
  .sig-bp{padding:26px 24px;}
  .sig-bp .stat{border-left:0;padding:0;}
  .sig-bp::before,.sig-bp::after{display:none;}
}

/* --- pembatas contrail (jejak pesawat) --- */
.sig-contrail{max-width:var(--maxw);margin:-4px auto -44px;padding:0 28px;pointer-events:none;}
.sig-contrail svg{width:100%;height:auto;display:block;}

/* --- foto jadi polaroid --- */
.sig-polaroid{transform:rotate(-2.4deg);background:#fff;padding:14px 14px 52px;border-radius:8px;
  box-shadow:0 30px 60px -22px rgba(15,46,77,.45);position:relative;}
.sig-polaroid .media{border-radius:4px;box-shadow:none;}
.sig-polaroid .cap{position:absolute;left:0;right:0;bottom:12px;text-align:center;
  font-family:var(--script);font-weight:700;font-size:21px;color:var(--ink-2);}
.sig-polaroid .tape{position:absolute;width:96px;height:28px;background:rgba(29,155,240,.20);
  backdrop-filter:blur(1px);top:-13px;left:50%;transform:translateX(-50%) rotate(-3deg);border-radius:2px;
  box-shadow:0 2px 6px rgba(15,46,77,.12);z-index:2;}

/* --- stempel GRANTED --- */
.sig-granted{display:inline-block;transform:rotate(-5deg);border:3px solid var(--wa);color:var(--wa);
  border-radius:12px;padding:8px 20px 7px;font-weight:800;letter-spacing:.22em;font-size:13.5px;
  text-transform:uppercase;position:relative;margin-bottom:16px;}
.sig-granted::before{content:"";position:absolute;inset:4px;border:1.5px solid rgba(31,175,92,.5);border-radius:7px;}

/* --- lapisan kreatif: kai, coretan, stabilo, stempel hover --- */
.sig-note{font-family:var(--script);font-weight:700;font-size:20px;color:var(--ink-2);display:inline-block;transform:rotate(-2deg);}
.sig-note-row{display:flex;justify-content:flex-end;margin-top:14px;}
.sig-kai-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;}
.sig-kai-row img{width:74px;transform:rotate(-6deg);}
.sig-hl{background:linear-gradient(100deg,rgba(29,155,240,0) 0%,rgba(29,155,240,.20) 4%,rgba(29,155,240,.24) 96%,rgba(29,155,240,0) 100%);border-radius:8px;padding:2px 10px;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.band-ink .sig-hl{background:linear-gradient(100deg,rgba(58,169,244,0) 0%,rgba(58,169,244,.35) 4%,rgba(58,169,244,.4) 96%,rgba(58,169,244,0) 100%);}
.home-faq{position:relative;}
.sig-peek{position:absolute;top:-42px;right:36px;width:86px;pointer-events:none;}
.city .sig-go{position:absolute;top:20px;right:18px;z-index:1;border:2.5px solid rgba(255,255,255,.92);border-radius:9px;padding:7px 13px;color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;transform:rotate(9deg) scale(.5);opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.4,1);}
.city:hover .sig-go{opacity:1;transform:rotate(-7deg) scale(1);}

/* --- pengisi ruang: kata raksasa, kartu kaca, chip, faq 2 kolom --- */
.sig-ghost{position:relative;overflow:hidden;}
.sig-ghost-word{position:absolute;top:0;right:-24px;z-index:0;font-family:var(--serif);font-weight:800;line-height:.9;
  font-size:clamp(110px,17vw,250px);letter-spacing:-.04em;color:transparent;
  -webkit-text-stroke:1.5px rgba(15,46,77,.08);pointer-events:none;user-select:none;}
.band-ink .sig-ghost-word{-webkit-text-stroke-color:rgba(255,255,255,.07);}
.sig-ghost .container{position:relative;z-index:1;}
.band-ink .steps .step{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:26px 24px;}
section[data-screen-label="Stats"]{padding-bottom:20px;}
section[data-screen-label="Kenapa Australia"]{padding-top:60px;}
.sig-chip{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);
  border-radius:999px;padding:11px 18px;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;
  animation:sig-float 4.5s ease-in-out infinite;}
@keyframes sig-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
.sig-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;}
.sig-faq-grid .home-faq{margin:0;max-width:none;}
.sig-faq-kai{display:flex;gap:14px;align-items:center;margin-top:28px;background:var(--cream);
  border:1px solid var(--line);border-radius:18px;padding:16px 18px;font-size:14.5px;line-height:1.5;color:var(--text);}
.sig-faq-kai img{width:62px;flex:none;}
.sig-faq-kai b{color:var(--ink);}
@media(max-width:880px){.sig-faq-grid{grid-template-columns:1fr;gap:30px;}.sig-ghost-word{font-size:110px;}}