:root{--navy:#A31300;--blue:#FF5A00;--blue-2:#E23E00;--gold:#FFAA01;--gold-2:#FF8601;--ink:#14213D;--muted:#5B6576;--line:#E4E8F0;--soft:#F4F6FA;
    --serif:'Playfair Display',Georgia,serif;--sans:'Plus Jakarta Sans',system-ui,sans-serif;--shadow:0 2px 6px rgba(163,19,0,.06),0 18px 40px -22px rgba(163,19,0,.35)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;overflow-y:scroll}
  body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
  .ico{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:0 0 auto}
  .container{max-width:1200px;margin:0 auto;padding:0 22px}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;font-family:inherit;font-weight:800;font-size:.95rem;padding:.85rem 1.5rem;border-radius:999px;transition:.2s}
  .btn-gold{background:var(--gold);color:#1E1600}
  .btn-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
  /* HEADER (rupa lengkap di tema-2026.css) */
  header{position:fixed;top:0;left:0;right:0;z-index:50}
  .nav{display:flex;align-items:center;margin:0 auto;padding:0 22px;position:relative}
  .nav>nav{display:flex;align-items:center}
  .nav>nav a{position:relative;line-height:1}
  .nav>nav a::after{content:"";position:absolute;left:0;width:0;transition:.25s}
  .nav>nav a:hover::after,.nav>nav a.active::after{width:100%}
  .nav .right{display:flex;align-items:center}
  .nav .login{display:inline-flex;align-items:center}
  .menu-btn{display:none;background:none;border:0;cursor:pointer;padding:.35rem}
  .mobile-menu{display:none}
  @media(max-width:860px){
    .nav>nav{display:none}.menu-btn{display:block}.nav .login{display:none}
    .mobile-menu{position:fixed;inset:0;z-index:55;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem}
    .mobile-menu.open{display:flex}
    .mobile-menu a{color:#fff;font-size:1.25rem;font-weight:700}
    .mobile-menu .x{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.12);border:0;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.2rem;cursor:pointer}
  }
  /* HERO */
  .thero{position:relative;color:#fff;padding:160px 0 80px;overflow:hidden;
    background:linear-gradient(105deg,#FFB347 0%,#FF8C00 32%,#E53E00 68%,#B91C1C 100%)}
  /* peta dunia samar */
  .thero::before{content:"";position:absolute;top:-10%;left:-5%;width:55%;height:90%;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500'%3E%3Cellipse cx='400' cy='250' rx='380' ry='220' fill='none' stroke='white' stroke-width='.6' opacity='.12'/%3E%3Cellipse cx='400' cy='250' rx='300' ry='180' fill='none' stroke='white' stroke-width='.4' opacity='.08'/%3E%3Cellipse cx='400' cy='250' rx='220' ry='140' fill='none' stroke='white' stroke-width='.4' opacity='.06'/%3E%3Cpath d='M120 180c20-30 60-50 90-40s40 40 20 60-50 10-30-10 40-20 70-10 50 30 30 50-60 20-40 0 30-20 60-15 60 10 40 30-30 30-60 20-30-20-10-30 40-20 70-10 50 20 30 40-40 30-70 20-40-10-20-30 30-30 60-25 50 15 35 35-20 30-50 25' fill='white' opacity='.06'/%3E%3Cpath d='M350 120c15-10 50-20 80-10s50 30 40 50-30 25-50 15-10-30 20-45 60-25 90-15 45 30 25 50-50 20-40 0 25-25 55-20 55 15 40 35-25 30-55 25-35-15-15-35 30-30 60-25' fill='white' opacity='.05'/%3E%3C/svg%3E") no-repeat center/contain;
    pointer-events:none;z-index:0}
  /* awan kiri */
  .thero::after{content:"";position:absolute;bottom:-30px;left:-40px;width:420px;height:220px;
    background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.35) 0%,rgba(255,255,255,.12) 40%,transparent 70%);
    pointer-events:none;z-index:1}
  /* awan kanan */
  .thero .cloud-r{position:absolute;bottom:-20px;right:-30px;width:380px;height:200px;
    background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);
    pointer-events:none;z-index:1}
  /* pesawat + garis putus */
  .thero .plane-deco{position:absolute;top:22%;right:8%;z-index:1;pointer-events:none;opacity:.18}
  /* pin lokasi */
  .thero .pin-deco{position:absolute;bottom:18%;right:12%;z-index:1;pointer-events:none;opacity:.15}
  /* landmark silhouette */
  .thero .landmarks{position:absolute;bottom:0;left:3%;width:480px;height:180px;z-index:1;pointer-events:none;opacity:.1}

  .thero .inner{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:5}
  /* eyebrow dengan garis */
  .eyebrow{display:inline-flex;align-items:center;gap:14px;color:#4A2000;font-weight:700;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}
  .eyebrow .eline{width:38px;height:1px;background:rgba(74,32,0,.4)}
  .thero h1{font-family:var(--serif);font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:700;line-height:1.1;margin:.8rem 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,.08)}
  .thero h1 .hl{color:#FFF3D6;font-style:italic}
  .thero .sub{color:#FAEBD7;font-size:1.08rem;max-width:54ch;margin-inline:auto}
  /* nav pill */
  .hero-pill{display:inline-flex;align-items:center;background:#FDFBF7;border-radius:999px;padding:7px 8px;margin-top:2rem;box-shadow:0 14px 40px -16px rgba(0,0,0,.25);flex-wrap:wrap;justify-content:center;gap:0}
  .hero-pill a{display:flex;align-items:center;gap:7px;padding:10px 20px;font-family:var(--sans);font-weight:600;font-size:.92rem;color:#334155;border-right:1px solid #E4E0D6;transition:.2s;white-space:nowrap}
  .hero-pill a:last-child{border-right:0}
  .hero-pill a:hover{color:var(--navy)}
  .hero-pill a svg{width:18px;height:18px;color:var(--navy);flex:0 0 auto}
  @media(max-width:700px){
    .hero-pill{border-radius:18px;flex-direction:column;width:100%;max-width:300px;margin-inline:auto}
    .hero-pill a{border-right:0;border-bottom:1px solid #E4E0D6;width:100%;justify-content:center;padding:12px 16px}
    .hero-pill a:last-child{border-bottom:0}
    .thero .landmarks{width:260px;height:100px;left:0}
    .thero .plane-deco,.thero .pin-deco{display:none}
  }
  /* KARTU PENCARIAN */
  .search-wrap{margin-top:-40px;position:relative;z-index:3;padding-bottom:20px}
  .search-card{background:#fff;border-radius:22px;padding:12px;box-shadow:0 30px 70px -28px rgba(0,0,0,.5)}
  .stab{display:flex;background:#F4F1EC;border-radius:14px;padding:5px;margin-bottom:14px}
  .stab button{flex:1;border:0;background:transparent;border-radius:11px;padding:.75rem .5rem;font:800 .95rem var(--sans);color:#7A5A2E;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s}
  .stab button.on{background:#fff;color:#7A0B00;box-shadow:0 4px 12px -6px rgba(0,0,0,.25)}
  .stab button svg{width:19px;height:19px}
  .sform{padding:6px 12px 12px}
  .srow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .sfctl{display:flex;flex-direction:column;gap:.3rem;margin-bottom:12px}
  .sfctl label{font-size:.74rem;font-weight:800;color:#7A5A2E;text-transform:uppercase;letter-spacing:.03em}
  .sfctl input,.sfctl select{width:100%;padding:.75rem .85rem;border:1px solid #E4E8F0;border-radius:12px;font-family:inherit;font-size:16px;color:var(--ink);background:#FBF9F6;outline:0;transition:.2s}
  .sfctl input:focus,.sfctl select:focus{border-color:#FF5A00;box-shadow:0 0 0 4px rgba(255,90,0,.1);background:#fff}
  .srow-3{grid-template-columns:1fr 1fr 1fr!important}
  @media(max-width:480px){.srow-3{grid-template-columns:1fr!important}}
  .sgo{width:100%;margin-top:4px}
  .shint{font-size:.78rem;color:var(--muted);text-align:center;margin-top:.8rem}
  @media(max-width:640px){.srow{grid-template-columns:1fr}}
  /* KENAPA */
  .why-sec{padding:60px 0 20px}
  .why-sec h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.2rem);color:var(--navy);text-align:center;margin-bottom:1.8rem}
  .wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .wcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 18px;text-align:center;box-shadow:var(--shadow)}
  .wcard .ic{width:52px;height:52px;border-radius:14px;background:#EAF1FD;color:var(--blue);display:grid;place-items:center;font-size:1.4rem;margin:0 auto .8rem}
  .wcard h3{font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:.3rem}
  .wcard p{color:var(--muted);font-size:.88rem}
  @media(max-width:900px){.wgrid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.wgrid{grid-template-columns:1fr}}
  /* CTA */
  .cta-sec{padding:40px 0 70px}
  .ctaband{border-radius:28px;overflow:hidden;color:#fff;padding:56px 44px;text-align:center;background:linear-gradient(90deg,#FFB200,#FF1200)}
  .ctaband h2{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.6rem);color:#1E1600}
  .ctaband p{color:#3A1A00;max-width:46ch;margin:.8rem auto 1.6rem}
  .ctaband .btn-gold{background:#fff;color:#7A0B00}
  /* FOOTER */
  footer{padding:38px 0;margin-top:20px}
  footer .fb{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  footer .fbottom{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:#9FB0C7;text-align:center}