.tpl-nb{--ink:#0e0e0e;--cream:#f5f2ee;--cream2:#ede9e3;--green:#1a6b4a;--green2:#144f37;--amber:#e8913a;--white:#fff;--muted:#6b6b6b;--border:#d8d3cc;--fh:'Be Vietnam Pro',sans-serif;--fs:'Noto Serif',Georgia,serif;font-family:var(--fh);color:var(--ink);line-height:1.5}.tpl-nb *,.tpl-nb *::before,.tpl-nb *::after{box-sizing:border-box}.tpl-nb /* V5: CENTRED MINIMAL. Dark ink hero,.tpl-nb then alternating cream/dark/cream sections. No sidebar. Process as a centred numbered list,.tpl-nb very clean. Requirements: accordion by category. Airlines: pill-list,.tpl-nb no heavy cards. Pull-quote testimonial inserted mid-page. CTA: centred,.tpl-nb stark,.tpl-nb typographic. */ :root{--ink:#0e0e0e;--cream:#f5f2ee;--cream2:#ede9e3;--green:#1a6b4a;--green2:#144f37;--amber:#e8913a;--white:#fff;--muted:#6b6b6b;--border:#d8d3cc;--fh:'Be Vietnam Pro',sans-serif;--fs:'Noto Serif',Georgia,serif}.tpl-nb .r{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.tpl-nb .r.in{opacity:1;transform:none}.tpl-nb .d1{transition-delay:.12s}.tpl-nb .d2{transition-delay:.22s}.tpl-nb .d3{transition-delay:.32s}@keyframes drawPath{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}.tpl-nb /* NAV */ .nav{position:fixed;top:0;left:0;right:0;z-index:200;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s,border-color .25s}.tpl-nb /* HERO, dark,.tpl-nb centred */ .hero{background:linear-gradient(to bottom,rgba(9,13,11,.74) 0%,rgba(8,11,9,.70) 45%,rgba(6,9,8,.88) 100%),url('/images/pexels-dog-1850465.jpg') center 30%/cover no-repeat;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 56px;text-align:center;position:relative;overflow:hidden}.tpl-nb .hero-bg{position:absolute;font-family:var(--fh);font-weight:900;font-size:clamp(180px,28vw,400px);color:rgba(255,255,255,.02);line-height:1;letter-spacing:-.07em;pointer-events:none;user-select:none;top:50%;left:50%;transform:translate(-50%,-50%)}.tpl-nb .hero-inner{position:relative;z-index:1;max-width:800px}.tpl-nb .breadcrumb{display:flex;gap:8px;font-size:.68rem;color:rgba(255,255,255,.3);margin-bottom:48px;justify-content:center}.tpl-nb .breadcrumb a{color:rgba(255,255,255,.3);transition:color .2s}.tpl-nb .breadcrumb a:hover{color:rgba(255,255,255,.65)}.tpl-nb .bc-sep{color:rgba(255,255,255,.15)}.tpl-nb .hero-route{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.tpl-nb .hero-flag{font-size:2.4rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.tpl-nb .rpath{width:120px;position:relative}.tpl-nb .rpath-svg{width:100%;height:22px;overflow:visible}.tpl-nb .rp-b{stroke:rgba(255,255,255,.15);stroke-width:1.5;stroke-dasharray:4 4;fill:none}.tpl-nb .rp-a{stroke:var(--green);stroke-width:2;stroke-dasharray:300;fill:none;animation:drawPath 2s .5s ease forwards}.tpl-nb .hero-h1{font-family:var(--fh);font-weight:900;font-size:clamp(3rem,6.5vw,7rem);color:white;line-height:.86;letter-spacing:-.055em;margin-bottom:28px}.tpl-nb .hero-h1 em{font-family:var(--fs);font-style:italic;font-weight:700;color:#6ee7b7}.tpl-nb .hero-sub{font-size:.97rem;color:rgba(255,255,255,.52);line-height:1.8;margin-bottom:48px}.tpl-nb .hero-stats{display:flex;gap:0;justify-content:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.tpl-nb .hst{padding:20px 40px;border-right:1px solid rgba(255,255,255,.07);text-align:center}.tpl-nb .hst:last-child{border-right:none}.tpl-nb .hst-n{font-family:var(--fh);font-weight:900;font-size:1.5rem;color:white;line-height:1}.tpl-nb .hst-l{font-size:.65rem;color:rgba(255,255,255,.38);margin-top:3px;letter-spacing:.05em}.tpl-nb .hst-badge{display:inline-block;padding:2px 8px;font-size:.65rem;font-weight:700;font-family:var(--fh)}.tpl-nb .b-warn{color:var(--amber);background:rgba(232,145,58,.15)}.tpl-nb .b-ok{color:#6ee7b7;background:rgba(110,231,183,.12)}.tpl-nb .hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--amber);color:white;font-family:var(--fh);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-top:40px;transition:background .2s,transform .2s}.tpl-nb .hero-cta:hover{background:#d47e2a;transform:translateY(-2px)}.tpl-nb /* SHARED SECTION STYLES */ .sec-wrap{padding:96px 56px}.tpl-nb .sec-inner{max-width:820px;margin:0 auto}.tpl-nb .sec-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px;display:flex;align-items:center;gap:10px}.tpl-nb .sec-tag::before{content:'';width:16px;height:1.5px;display:block}.tpl-nb .sec-h{font-family:var(--fh);font-weight:900;font-size:clamp(1.7rem,3.5vw,2.6rem);letter-spacing:-.04em;line-height:.92;margin-bottom:14px}.tpl-nb .sec-h em{font-family:var(--fs);font-style:italic;font-weight:700}.tpl-nb .sec-p{font-size:.92rem;line-height:1.8;margin-bottom:40px}.tpl-nb /* CREAM sections */ .sec-cream{background:var(--cream)}.tpl-nb .sec-cream .sec-tag{color:var(--green)}.tpl-nb .sec-cream .sec-tag::before{background:var(--green)}.tpl-nb .sec-cream .sec-h{color:var(--ink)}.tpl-nb .sec-cream .sec-h em{color:var(--green)}.tpl-nb .sec-cream .sec-p{color:var(--muted)}.tpl-nb /* DARK sections */ .sec-dark{background:var(--ink)}.tpl-nb .sec-dark .sec-tag{color:var(--green)}.tpl-nb .sec-dark .sec-tag::before{background:var(--green)}.tpl-nb .sec-dark .sec-h{color:white}.tpl-nb .sec-dark .sec-h em{color:var(--green)}.tpl-nb .sec-dark .sec-p{color:rgba(255,255,255,.5)}.tpl-nb /* PROCESS, centred numbered list */ .proc-list{display:flex;flex-direction:column;gap:0;border-left:2px solid rgba(255,255,255,.08)}.tpl-nb .pi{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:start;padding:24px 0 24px 0;border-bottom:1px solid rgba(255,255,255,.07)}.tpl-nb .pi:first-child{padding-top:0}.tpl-nb .pi:last-child{border-bottom:none}.tpl-nb .pi-left{margin-left:-29px;display:flex;flex-direction:column;align-items:center;gap:0}.tpl-nb .pi-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:900;font-size:.92rem;color:white;flex-shrink:0}.tpl-nb .pd-g{background:var(--green)}.tpl-nb .pd-a{background:var(--amber)}.tpl-nb .pd-n{background:#1e3a5f}.tpl-nb .pi-body{}.tpl-nb .pi-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;padding-top:12px}.tpl-nb .chip{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px}.tpl-nb .ct{color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}.tpl-nb .cw{color:var(--amber);background:rgba(232,145,58,.12)}.tpl-nb .pi-title{font-family:var(--fh);font-weight:800;font-size:.97rem;color:white;margin-bottom:7px}.tpl-nb .pi-desc{font-size:.86rem;color:rgba(255,255,255,.5);line-height:1.75}.tpl-nb /* REQUIREMENTS, category accordion */ .req-cats{display:flex;flex-direction:column;gap:0}.tpl-nb .rc-item{border-bottom:1px solid var(--border)}.tpl-nb .rc-item:first-child{border-top:1px solid var(--border)}.tpl-nb .rc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-family:var(--fh);font-weight:700;font-size:.95rem;color:var(--ink);cursor:pointer;background:none;text-align:left;transition:color .2s}.tpl-nb .rc-q:hover,.tpl-nb .rc-item.open .rc-q{color:var(--green)}.tpl-nb .rc-q-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tpl-nb .rc-count{font-size:.7rem;color:var(--muted);font-weight:500}.tpl-nb .rc-icon{width:22px;height:22px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .25s}.tpl-nb .rc-item.open .rc-icon{border-color:var(--green);background:var(--green);transform:rotate(45deg)}.tpl-nb .rc-icon svg{width:10px;height:10px;stroke:var(--muted)}.tpl-nb .rc-item.open .rc-icon svg{stroke:white}.tpl-nb .rc-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.tpl-nb .rc-item.open .rc-body{max-height:600px}.tpl-nb .rc-items{padding:0 0 20px;display:flex;flex-direction:column;gap:0}.tpl-nb .ri{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}.tpl-nb .ri:last-child{border-bottom:none}.tpl-nb .ri-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.tpl-nb .rd-g{background:var(--green)}.tpl-nb .rd-a{background:var(--amber)}.tpl-nb .ri-title{font-family:var(--fh);font-weight:700;font-size:.87rem;color:var(--ink);margin-bottom:2px}.tpl-nb .ri-desc{font-size:.79rem;color:var(--muted);line-height:1.55}.tpl-nb .ri-warn{font-size:.72rem;color:var(--amber);font-weight:600;margin-top:3px}.tpl-nb /* AIRLINES, pill list */ .airline-list{display:flex;flex-direction:column;gap:0}.tpl-nb .al{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.tpl-nb .al:last-child{border-bottom:none}.tpl-nb .al-code{font-family:var(--fh);font-weight:900;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:6px 10px;white-space:nowrap;flex-shrink:0;margin-top:2px}.tpl-nb .al-body{flex:1}.tpl-nb .al-name{font-family:var(--fh);font-weight:700;font-size:.93rem;color:rgba(255,255,255,.85);margin-bottom:4px}.tpl-nb .al-detail{font-size:.82rem;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:8px}.tpl-nb .al-tags{display:flex;gap:6px;flex-wrap:wrap}.tpl-nb .at{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px}.tpl-nb .at-g{color:#6ee7b7;background:rgba(110,231,183,.1)}.tpl-nb .at-a{color:var(--amber);background:rgba(232,145,58,.12)}.tpl-nb /* PULL QUOTE, mid-page editorial device */ .pull-quote{background:var(--green);padding:72px 56px;text-align:center}.tpl-nb .pq-inner{max-width:680px;margin:0 auto}.tpl-nb .pq-mark{font-family:var(--fs);font-size:5rem;line-height:.6;color:rgba(255,255,255,.2);display:block;margin-bottom:20px}.tpl-nb .pq-text{font-family:var(--fs);font-style:italic;font-size:clamp(1.1rem,2.5vw,1.5rem);color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:24px}.tpl-nb .pq-auth{font-size:.75rem;color:rgba(255,255,255,.4);letter-spacing:.06em}.tpl-nb .pq-auth strong{color:rgba(255,255,255,.7);font-family:var(--fh);font-weight:700}.tpl-nb /* FAQ, large clean accordion on cream */ .faq-list{display:flex;flex-direction:column;gap:0}.tpl-nb .fi{border-bottom:1px solid var(--border)}.tpl-nb .fi:first-child{border-top:1px solid var(--border)}.tpl-nb .fq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-family:var(--fh);font-weight:700;font-size:1rem;color:var(--ink);cursor:pointer;background:none;text-align:left;transition:color .2s}.tpl-nb .fq:hover,.tpl-nb .fi.open .fq{color:var(--green)}.tpl-nb .fq-icon{width:24px;height:24px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s}.tpl-nb .fi.open .fq-icon{border-color:var(--green);background:var(--green);transform:rotate(45deg)}.tpl-nb .fq-icon svg{width:10px;height:10px;stroke:var(--muted)}.tpl-nb .fi.open .fq-icon svg{stroke:white}.tpl-nb .fa{max-height:0;overflow:hidden;transition:max-height .4s ease}.tpl-nb .fi.open .fa{max-height:400px}.tpl-nb .fa-inner{padding:0 0 22px;font-size:.92rem;color:var(--muted);line-height:1.85;max-width:640px}.tpl-nb /* CTA, centred,.tpl-nb stark */ .cta{background:var(--ink);padding:120px 56px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.tpl-nb .cta-inner{max-width:640px;margin:0 auto}.tpl-nb .cta-kicker{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:rgba(255,255,255,.3);margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:14px}.tpl-nb .cta-kicker::before,.tpl-nb .cta-kicker::after{content:'';width:20px;height:1px;background:rgba(255,255,255,.15)}.tpl-nb .cta-h{font-family:var(--fs);font-style:italic;font-size:clamp(2.5rem,6vw,6rem);font-weight:700;color:white;line-height:.88;letter-spacing:-.03em;margin-bottom:12px}.tpl-nb .cta-h2{font-family:var(--fh);font-weight:900;font-size:clamp(1.5rem,3.5vw,3.5rem);letter-spacing:-.05em;color:white;margin-bottom:28px;line-height:1}.tpl-nb .cta-sub{font-size:.9rem;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:40px}.tpl-nb .cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 44px;background:var(--amber);color:white;font-family:var(--fh);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;transition:background .2s,transform .2s}.tpl-nb .cta-btn:hover{background:#d47e2a;transform:translateY(-2px)}@media(max-width:768px){.tpl-nb .hero,.tpl-nb .sec-wrap,.tpl-nb .pull-quote,.tpl-nb .cta{padding-left:20px;padding-right:20px}.tpl-nb .hero-stats{flex-wrap:wrap}.tpl-nb .hst{padding:16px 20px}.tpl-nb .pi{grid-template-columns:1fr}.tpl-nb .pi-left{margin-left:0;flex-direction:row;justify-content:flex-start}.tpl-nb .proc-list{border-left:none}}@media(prefers-reduced-motion:reduce){}.tpl-nb /* v5 body 2-col layout */ .v5-body{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;align-items:start;gap:0}.tpl-nb .v5-sidebar{position:sticky;top:76px;padding:64px 0 64px 48px;display:flex;flex-direction:column;gap:18px}.tpl-nb .v5-content{min-width:0}@media(max-width:1100px){.tpl-nb .v5-body{grid-template-columns:1fr}.tpl-nb .v5-sidebar{position:static;padding:40px 48px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:768px){.tpl-nb .v5-sidebar{padding:24px 20px 0;grid-template-columns:1fr}}.tpl-nb /* ── SHARED SIDEBAR + ANIMATIONS ──────────────────────────────────── */ @keyframes slideInLeft{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes waPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.35)}60%{box-shadow:0 0 0 8px rgba(37,211,102,0)}}@keyframes barFill{from{width:0}to{width:var(--w)}}.tpl-nb .sidebar{position:sticky;top:76px;display:flex;flex-direction:column;gap:18px;animation:slideInLeft .55s ease both}.tpl-nb .sc{background:var(--white);border:1px solid var(--border);padding:22px;transition:box-shadow .2s}.tpl-nb .sc:hover{box-shadow:0 4px 18px rgba(0,0,0,.07)}.tpl-nb .sc-title{font-family:var(--fh);font-weight:800;font-size:.88rem;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:8px}.tpl-nb .sc-title svg{color:var(--green);width:15px;height:15px;flex-shrink:0}.tpl-nb .sf-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:3px;margin-top:8px}.tpl-nb .sf-label:first-of-type{margin-top:0}.tpl-nb .sf-input,.tpl-nb .sf-select{width:100%;padding:9px 11px;background:var(--cream);border:1px solid var(--border);font-size:.85rem;font-family:var(--fh);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;margin-bottom:0}.tpl-nb .sf-input:focus,.tpl-nb .sf-select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(26,107,74,.09)}.tpl-nb .sf-input::placeholder{color:var(--muted)}.tpl-nb .sf-btn{width:100%;padding:11px 16px;background:var(--amber);color:white;font-family:var(--fh);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;transition:all .2s;margin-top:12px;display:flex;align-items:center;justify-content:space-between}.tpl-nb .sf-btn:hover{background:#d47e2a;transform:translateY(-2px);box-shadow:0 5px 14px rgba(232,145,58,.3)}.tpl-nb .wa-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;background:#25D366;color:white;font-family:var(--fh);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;margin-top:8px;transition:all .2s;animation:waPulse 2.8s ease infinite}.tpl-nb .wa-btn:hover{background:#1ea952;transform:translateY(-2px);box-shadow:0 5px 14px rgba(37,211,102,.3);animation:none}.tpl-nb .wa-icon{width:17px;height:17px;flex-shrink:0}.tpl-nb .sc-stats{display:flex;flex-direction:column}.tpl-nb .sc-stat{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:.8rem}.tpl-nb .sc-stat:last-child{border-bottom:none}.tpl-nb .sc-stat-l{color:var(--muted)}.tpl-nb .sc-stat-v{font-family:var(--fh);font-weight:700;color:var(--ink);text-align:right}.tpl-nb .sc-stat-v.warn{color:var(--amber)}.tpl-nb .sc-stat-v.ok{color:var(--green)}.tpl-nb .rel-list{display:flex;flex-direction:column}.tpl-nb .rel-item{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer;font-size:.8rem;transition:color .2s;text-decoration:none;color:inherit}.tpl-nb .rel-item:last-child{border-bottom:none}.tpl-nb .rel-item:hover{color:var(--green)}.tpl-nb .rel-flags{font-size:.95rem;flex-shrink:0}.tpl-nb .rel-name{flex:1;padding:0 9px;font-weight:600}.tpl-nb .rel-arr{color:var(--border);font-size:.68rem;transition:color .2s}.tpl-nb .rel-item:hover .rel-arr{color:var(--green)}.tpl-nb /* Gantt chart */ .gantt{margin-top:4px}.tpl-nb .gantt-month-labels{display:flex;justify-content:space-between;font-size:.56rem;color:var(--muted);margin-bottom:6px;padding-left:72px;letter-spacing:.04em}.tpl-nb .gantt-row{display:flex;align-items:center;margin-bottom:5px;gap:6px}.tpl-nb .gantt-label{width:68px;font-size:.62rem;font-family:var(--fh);font-weight:600;color:var(--ink);flex-shrink:0;line-height:1.2;text-align:right}.tpl-nb .gantt-track{flex:1;height:10px;background:var(--cream2,#ede9e3);border-radius:2px;position:relative;overflow:hidden}.tpl-nb .gantt-bar{position:absolute;top:1px;bottom:1px;border-radius:2px;width:0;animation:barFill 1s ease-out var(--delay,0s) both}.tpl-nb .gantt-bar.g{background:var(--green)}.tpl-nb .gantt-bar.a{background:var(--amber)}.tpl-nb .gantt-bar.n{background:#1e3a5f}.tpl-nb /* Metric cards (used in v4) */ .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border)}.tpl-nb .metric-card{padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;transition:background .2s}.tpl-nb .metric-card:nth-child(2n){border-right:none}.tpl-nb .metric-card:nth-last-child(-n+2){border-bottom:none}.tpl-nb .metric-card:hover{background:var(--cream)}.tpl-nb .metric-n{font-family:var(--fh);font-weight:900;font-size:1.3rem;color:var(--ink);line-height:1;letter-spacing:-.04em}.tpl-nb .metric-n.green{color:var(--green)}.tpl-nb .metric-n.amber{color:var(--amber)}.tpl-nb .metric-l{font-size:.6rem;color:var(--muted);margin-top:3px;line-height:1.3}.tpl-nb /* Checklist (used in v5) */ .checklist{display:flex;flex-direction:column;gap:0}.tpl-nb .cl-item{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.8rem;animation:fadeUp .4s ease both}.tpl-nb .cl-item:last-child{border-bottom:none}.tpl-nb .cl-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.tpl-nb .cl-g{background:rgba(26,107,74,.1);color:var(--green)}.tpl-nb .cl-a{background:rgba(232,145,58,.1);color:var(--amber)}.tpl-nb .cl-dot svg{width:9px;height:9px}.tpl-nb .cl-text{flex:1;color:var(--ink);font-family:var(--fh);font-weight:600;line-height:1.35}.tpl-nb .cl-sub{font-size:.7rem;color:var(--muted);font-weight:400;display:block}.tpl-nb /* Enhanced scroll-reveal + micro-interactions */ .r{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.tpl-nb .r.in{opacity:1;transform:none}.tpl-nb .d1{transition-delay:.1s}.tpl-nb .d2{transition-delay:.2s}.tpl-nb .d3{transition-delay:.3s}.tpl-nb .d4{transition-delay:.4s}.tpl-nb .tl-item,.tpl-nb .ps,.tpl-nb .pi,.tpl-nb .pr,.tpl-nb .al,.tpl-nb .al-item,.tpl-nb .faq-item,.tpl-nb .fi,.tpl-nb .rc-item{transition:transform .2s ease}.tpl-nb .tl-item:hover,.tpl-nb .ps:hover,.tpl-nb .pi:hover,.tpl-nb .pr:hover,.tpl-nb .al:hover,.tpl-nb .al-item:hover{transform:translateX(3px)}.tpl-nb .faq-item:hover,.tpl-nb .fi:hover,.tpl-nb .rc-item:hover{background:rgba(26,107,74,.02)}.tpl-nb .sf-btn,.tpl-nb .wa-btn,.tpl-nb .bcta-btn,.tpl-nb .cta-btn,.tpl-nb .hero-cta{cursor:pointer}@media(prefers-reduced-motion:reduce){}.tpl-nb /* ════════════════════════════════════════════════════════════════════ PREMIUM BUTTON + FROSTED GLASS HERO STATS Injected as override, takes precedence via cascade position ════════════════════════════════════════════════════════════════════ */ /* ── QUOTE / SUBMIT BUTTON ──────────────────────────────────────── */ /* Warm gradient · shimmer sweep on hover · arrow-in-circle shifts */ .sf-btn,.tpl-nb .rf-btn{ position:relative !important; overflow:hidden !important; background:linear-gradient(158deg,#f5a050 0%,#e8913a 45%,#c96e18 100%) !important; border:none !important; border-radius:4px !important; padding:15px 16px 15px 20px !important; color:white !important; font-family:var(--fh) !important; font-weight:800 !important; font-size:.8rem !important; text-transform:uppercase !important; letter-spacing:.07em !important; cursor:pointer !important; width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin-top:16px !important; box-shadow: 0 4px 18px rgba(232,145,58,.35), 0 1px 0 rgba(255,255,255,.22) inset, 0 -1px 0 rgba(0,0,0,.12) inset !important; transition:all .3s cubic-bezier(.4,0,.2,1) !important; }.tpl-nb /* Shimmer sweep */ .sf-btn::before,.tpl-nb .rf-btn::before{ content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient( 105deg, transparent 30%, rgba(255,255,255,.26) 50%, transparent 70% ) !important; transform:translateX(-110%) !important; transition:transform .6s ease !important; pointer-events:none !important; }.tpl-nb .sf-btn:hover::before,.tpl-nb .rf-btn:hover::before{ transform:translateX(110%) !important; }.tpl-nb .sf-btn:hover,.tpl-nb .rf-btn:hover{ background:linear-gradient(158deg,#faa855 0%,#f09840 45%,#e0811a 100%) !important; box-shadow: 0 8px 32px rgba(232,145,58,.52), 0 1px 0 rgba(255,255,255,.28) inset, 0 -1px 0 rgba(0,0,0,.14) inset !important; transform:translateY(-2px) !important; }.tpl-nb .sf-btn:active,.tpl-nb .rf-btn:active{transform:translateY(0) !important}.tpl-nb /* Arrow circle, sits inside button's → */ .sf-btn > span,.tpl-nb .rf-btn > span{ width:28px !important; height:28px !important; border-radius:50% !important; border:1.5px solid rgba(255,255,255,.55) !important; background:rgba(255,255,255,.1) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:.82rem !important; flex-shrink:0 !important; transition:all .28s ease !important; }.tpl-nb .sf-btn:hover > span,.tpl-nb .rf-btn:hover > span{ border-color:rgba(255,255,255,.95) !important; background:rgba(255,255,255,.22) !important; transform:translateX(4px) !important; }.tpl-nb /* ── WHATSAPP BUTTON ────────────────────────────────────────────── */ /* Distinct from quote: richer green gradient · left accent stripe */ /* Sub-text handled via .wa-text/.wa-main/.wa-sub/.wa-arr */ .wa-btn,.tpl-nb .wa-btn-v1,.tpl-nb .sf-wa{ display:flex !important; align-items:center !important; gap:13px !important; width:100% !important; padding:13px 16px 13px 16px !important; background:linear-gradient(135deg,#19a847 0%,#25D366 52%,#1ec55a 100%) !important; color:white !important; text-decoration:none !important; border-radius:4px !important; /* Distinctive left accent, clearly NOT the same as quote btn */ border:none !important; border-left:4px solid rgba(255,255,255,.35) !important; box-shadow: 0 4px 18px rgba(37,211,102,.28), 0 1px 0 rgba(255,255,255,.2) inset !important; margin-top:10px !important; cursor:pointer !important; font-family:var(--fh) !important; transition:all .3s cubic-bezier(.4,0,.2,1) !important; animation:waPulse 3.2s ease infinite !important; box-sizing:border-box !important; text-align:left !important; }.tpl-nb .wa-btn:hover,.tpl-nb .wa-btn-v1:hover,.tpl-nb .sf-wa:hover{ background:linear-gradient(135deg,#1dbc52 0%,#2ddf72 52%,#25D366 100%) !important; box-shadow: 0 8px 30px rgba(37,211,102,.48), 0 1px 0 rgba(255,255,255,.25) inset !important; transform:translateY(-2px) !important; animation:none !important; }.tpl-nb .wa-icon{ width:22px !important; height:22px !important; flex-shrink:0 !important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)) !important; }.tpl-nb .wa-text{flex:1 !important;min-width:0 !important}.tpl-nb .wa-main{ display:block !important; font-weight:800 !important; font-size:.78rem !important; text-transform:uppercase !important; letter-spacing:.07em !important; line-height:1.25 !important; }.tpl-nb .wa-sub{ display:block !important; font-size:.65rem !important; opacity:.78 !important; font-weight:400 !important; text-transform:none !important; letter-spacing:0 !important; margin-top:2px !important; }.tpl-nb .wa-arr{ font-size:.8rem !important; opacity:.5 !important; flex-shrink:0 !important; transition:all .25s ease !important; margin-left:2px !important; }.tpl-nb .wa-btn:hover .wa-arr,.tpl-nb .wa-btn-v1:hover .wa-arr,.tpl-nb .sf-wa:hover .wa-arr{ opacity:1 !important; transform:translateX(4px) !important; }.tpl-nb /* ── FROSTED GLASS HERO STATS ───────────────────────────────────── */ /* Backdrop blur + dark semi-transparent fill makes stats float */ /* clearly above the hero image regardless of image content */ .hero-stats{ background:rgba(0,0,0,.42) !important; backdrop-filter:blur(18px) saturate(1.6) !important; -webkit-backdrop-filter:blur(18px) saturate(1.6) !important; border:1px solid rgba(255,255,255,.15) !important; overflow:hidden !important; box-shadow: 0 4px 32px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.08) inset !important; }.tpl-nb /* Top-edge mint shimmer line on each stat cell */ .hstat,.tpl-nb .hst{ border-right:1px solid rgba(255,255,255,.1) !important; position:relative !important; }.tpl-nb .hstat::after,.tpl-nb .hst::after{ content:'' !important; position:absolute !important; top:0 !important; left:20% !important; right:20% !important; height:1.5px !important; background:linear-gradient( 90deg,transparent,rgba(110,231,183,.55),transparent ) !important; pointer-events:none !important; }.tpl-nb .hstat:last-child,.tpl-nb .hst:last-child{border-right:none !important}.tpl-nb /* Ensure text reads well on dark glass */ .hstat-n,.tpl-nb .hst-n{color:#fff !important}.tpl-nb .hstat-n.green,.tpl-nb .hst-n.green{color:#6ee7b7 !important}.tpl-nb .hstat-n.amber{color:#fcd34d !important}.tpl-nb .hstat-l,.tpl-nb .hst-l{color:rgba(255,255,255,.55) !important}.tpl-nb .hstat-note{color:#fcd34d !important}.tpl-nb .hstat-badge,.tpl-nb .hst-badge{font-family:var(--fh) !important}.tpl-nb .badge-warn,.tpl-nb .b-warn{ color:#fcd34d !important; background:rgba(252,211,77,.15) !important; border-color:rgba(252,211,77,.2) !important; }.tpl-nb .badge-ok,.tpl-nb .b-ok{ color:#6ee7b7 !important; background:rgba(110,231,183,.15) !important; }.tpl-nb /* v3 right-panel vertical stat list */ .hero-stats:has(.hs-item){ border-radius:0 !important; }.tpl-nb .hs-item{border-bottom:1px solid rgba(255,255,255,.1) !important}.tpl-nb .hs-label{color:rgba(255,255,255,.48) !important}.tpl-nb .hs-value{color:white !important;font-weight:700 !important}.tpl-nb .hs-badge{font-family:var(--fh) !important}.tpl-nb .hb-warn{color:#fcd34d !important;background:rgba(252,211,77,.18) !important}.tpl-nb .hb-ok{color:#6ee7b7 !important;background:rgba(110,231,183,.15) !important}.tpl-nb /* ── V5 HERO STATS DISPLAY FIX ─────────────────────────────────── */ /* Undo the injected margin-top (hero-sub already provides spacing) */ /* Shrink stats container to content width instead of full stretch */ .hero .hero-stats{ margin-top: 0 !important; display: inline-flex !important; align-self: center !important; border-radius: 6px !important; overflow: hidden !important; }.tpl-nb .hst{ padding: 20px 32px !important; min-width: 120px; } /* ENHANCE: FAQ + requirements accordion as clean cards */ .tpl-nb .faq-list,.tpl-nb .req-cats{display:flex;flex-direction:column;gap:12px} .tpl-nb .fi,.tpl-nb .rc-item{border:1px solid var(--border);border-radius:12px;background:var(--white);transition:box-shadow .2s,border-color .2s,transform .2s} .tpl-nb .fi:first-child,.tpl-nb .rc-item:first-child{border-top:1px solid var(--border)} .tpl-nb .fi:hover,.tpl-nb .rc-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.07);transform:none} .tpl-nb .fi.open,.tpl-nb .rc-item.open{border-color:var(--green);box-shadow:0 6px 22px rgba(26,107,74,.10)} .tpl-nb .fq,.tpl-nb .rc-q{padding:20px 22px} .tpl-nb .fa-inner{padding:0 22px 22px;max-width:none} .tpl-nb .rc-items{padding:4px 22px 20px} .tpl-nb .ri{padding:12px 0;border-bottom:1px solid var(--border)} .tpl-nb .ri:last-child{border-bottom:none} .tpl-nb .fq-icon,.tpl-nb .rc-icon{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--border);position:relative;flex-shrink:0} .tpl-nb .fq-icon::before,.tpl-nb .rc-icon::before{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--fh);font-weight:800;font-size:1rem;line-height:1;color:var(--muted);transition:color .2s} .tpl-nb .fi.open .fq-icon,.tpl-nb .rc-item.open .rc-icon{background:var(--green);border-color:var(--green);transform:rotate(45deg)} .tpl-nb .fi.open .fq-icon::before,.tpl-nb .rc-item.open .rc-icon::before{color:#fff} .tpl-nb .rc-count{display:none} /* FIX: equal-width hero stats, FAQ answer font, tidy CTA */ .tpl-nb .hero .hero-stats{display:grid !important;grid-template-columns:repeat(4,1fr) !important;flex-wrap:nowrap !important;align-self:center !important} .tpl-nb .hst{padding:18px 12px !important;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0} .tpl-nb .hst-n{min-height:30px;display:flex;align-items:center;justify-content:center} @media(max-width:768px){.tpl-nb .hero .hero-stats{grid-template-columns:1fr 1fr !important}} .tpl-nb .fa-inner,.tpl-nb .fa-inner p,.tpl-nb .fa-inner li,.tpl-nb .fa-inner span{font-family:var(--fh) !important} .tpl-nb .hero-cta{border-radius:6px;box-shadow:0 6px 18px rgba(232,145,58,.32);margin-top:36px;justify-content:center} .tpl-nb .hero-cta:hover{box-shadow:0 10px 26px rgba(232,145,58,.45)} /* ===== MOBILE HARDENING (<=600px) ===== */ @media(max-width:600px){ .tpl-nb .hero-h1,.tpl-nb .intro-h1{font-size:2rem;line-height:1.08;letter-spacing:-.02em} .tpl-nb .sec-h,.tpl-nb .lsec-h,.tpl-nb .bcta-h,.tpl-nb .cs-h,.tpl-nb .cta-h,.tpl-nb .cta-h2{font-size:1.55rem;line-height:1.1} .tpl-nb .hero-bg,.tpl-nb .hero-bg-num{display:none} .tpl-nb .hero{min-height:auto} .tpl-nb .hero-sub,.tpl-nb .intro-sub{font-size:.92rem} .tpl-nb .req-table,.tpl-nb .airline-table{font-size:.82rem} .tpl-nb .req-table td,.tpl-nb .req-table th,.tpl-nb .airline-table td,.tpl-nb .airline-table th{padding-left:8px;padding-right:8px} .tpl-nb section,.tpl-nb .page-sec,.tpl-nb .lsec,.tpl-nb .inner{padding-top:42px;padding-bottom:42px} } @media(max-width:600px){.tpl-nb .hero-stats{display:grid;grid-template-columns:1fr 1fr}.tpl-nb .sec-wrap{padding-top:48px;padding-bottom:48px}.tpl-nb .pi{grid-template-columns:1fr}.tpl-nb .pi-left{flex-direction:row;margin-left:0}} /* RELIABLE REVEAL v2: opacity ALWAYS 1 (content can never be hidden); entrance animates transform only */ @keyframes tplReveal{0%{transform:translateY(14px)}100%{transform:none}} .tpl-nb .r{opacity:1 !important;animation:tplReveal .55s ease both} .tpl-nb .r.d1{animation-delay:.06s}.tpl-nb .r.d2{animation-delay:.12s}.tpl-nb .r.d3{animation-delay:.18s} @media(prefers-reduced-motion:reduce){.tpl-nb .r{animation:none;transform:none}} /* SAFE REVEAL OVERRIDES: redefine content-reveal keyframes so they NEVER zero opacity (transform only). Last definition wins. */ @keyframes fadeUp{from{transform:translateY(16px)}to{transform:none}} @keyframes slideInLeft{from{transform:translateX(-18px)}to{transform:none}} @keyframes fadeIn{0%{opacity:1}100%{opacity:1}} @keyframes counterUp{from{transform:translateY(10px)}to{transform:none}} @keyframes checkPop{0%{transform:scale(.6)}70%{transform:scale(1.15)}100%{transform:scale(1)}}