/* NHA AI Advisory - visual + app layer (v20261106a). Uses the site's own CSS variables so dark mode follows automatically. */
:root{
  --nha-bar:64px;
  --nha-safe-b:env(safe-area-inset-bottom,0px);
  --nha-safe-t:env(safe-area-inset-top,0px);
  --nha-ease:cubic-bezier(.2,.8,.2,1);
  --nha-glow:rgba(212,175,55,.22);
}
html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
html.nha-noscroll{overflow:hidden}

/* ---------- desktop visual upgrade ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:62%;height:120%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,var(--nha-glow),transparent 70%),radial-gradient(closest-side at 80% 70%,rgba(15,118,110,.22),transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hero h1{font-size:clamp(2.05rem,4.6vw,3.6rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.hero-copy p{max-width:58ch}
.hero-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px}
.section-head h2{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.15;text-wrap:balance}
.service-card,.case-grid>*,.package-grid>*{transition:transform .35s var(--nha-ease),box-shadow .35s var(--nha-ease),border-color .35s var(--nha-ease)}
@media(hover:hover){
  .service-card:hover,.case-grid>*:hover,.package-grid>*:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(5,11,24,.16);border-color:var(--gold-500)}
}
.btn{transition:transform .2s var(--nha-ease),box-shadow .2s var(--nha-ease),background-color .2s}
.btn:active{transform:scale(.97)}
:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px;border-radius:6px}

/* ---------- trust strip ---------- */
.nha-strip{background:var(--paper-soft);border-block:1px solid var(--border);padding:22px 0}
.nha-strip-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nha-strip-grid li{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:3px solid var(--gold-500)}
.nha-strip-grid b{font-family:var(--serif);color:var(--ink);font-size:1.02rem}
.nha-strip-grid span{color:var(--muted);font-size:.9rem;line-height:1.5}
.nha-welcome{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:12px 16px;border-radius:var(--radius);
  background:linear-gradient(90deg,rgba(212,175,55,.16),rgba(15,118,110,.12));border:1px solid var(--border);color:var(--ink);font-size:.95rem}
.nha-welcome[hidden]{display:none}

/* ---------- generic ---------- */
.nha-link{background:none;border:0;padding:0;font:inherit;color:var(--teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}
.nha-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nha-ticks li{position:relative;padding-left:28px;line-height:1.55;color:var(--ink)}
.nha-ticks li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--gold-500);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  background:var(--teal)}
.nha-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.nha-fine{font-size:.85rem;color:var(--muted);margin-top:14px}
.nha-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.nha-card h3{font-family:var(--serif);margin:0 0 14px;color:var(--ink)}
.nha-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* ---------- readiness check ---------- */
.nha-check-section{background:linear-gradient(180deg,var(--paper) 0,var(--paper-soft) 100%)}
.nha-check-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center}
.nha-check-intro h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:.4rem 0 .8rem;color:var(--ink)}
.nha-check-intro p{color:var(--muted);line-height:1.65;margin-bottom:16px}
.nha-quiz{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(18px,3vw,30px);box-shadow:var(--shadow);min-height:330px;display:flex;flex-direction:column;justify-content:center}
.nha-start h3,.nha-result h3,.nha-qtitle{font-family:var(--serif);color:var(--ink);margin:0 0 10px;line-height:1.25}
.nha-start p,.nha-result p{color:var(--muted);line-height:1.6}
.nha-qhead{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted);margin-bottom:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.nha-bar{flex:1;height:6px;border-radius:99px;background:var(--border);overflow:hidden}
.nha-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-500),var(--teal));border-radius:99px;transition:width .4s var(--nha-ease)}
.nha-opts{display:grid;gap:10px;margin:14px 0 8px}
.nha-opt{text-align:left;font:inherit;color:var(--ink);background:var(--paper-soft);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;min-height:52px;cursor:pointer;
  transition:border-color .2s,transform .15s var(--nha-ease),background-color .2s}
.nha-opt:hover{border-color:var(--gold-500)}
.nha-opt:active{transform:scale(.985)}
.nha-opt.is-picked{border-color:var(--teal);background:rgba(15,118,110,.1)}
.nha-badge{display:inline-block;padding:6px 12px;border-radius:99px;background:rgba(15,118,110,.14);color:var(--teal);font-weight:700;font-size:.85rem;margin-bottom:12px}
.nha-focus{display:grid;gap:4px;padding:14px 16px;border-left:3px solid var(--gold-500);background:var(--paper-soft);border-radius:0 var(--radius) var(--radius) 0;margin-top:14px}
.nha-focus b{color:var(--ink)}.nha-focus span{color:var(--muted)}

/* ---------- use-case tabs ---------- */
.nha-use-section{background:var(--paper)}
.nha-tablist{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.nha-tablist::-webkit-scrollbar{display:none}
.nha-tablist [role=tab]{flex:0 0 auto;scroll-snap-align:center;font:inherit;font-weight:600;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:99px;padding:11px 18px;min-height:44px;cursor:pointer;transition:all .2s}
.nha-tablist [role=tab][aria-selected=true]{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
[data-theme=dark] .nha-tablist [role=tab][aria-selected=true]{background:var(--gold-500);color:#0a1a33;border-color:var(--gold-500)}
.nha-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(18px,3vw,36px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow);margin-top:6px;animation:nhaIn .35s var(--nha-ease)}
.nha-panel[hidden]{display:none}
.nha-panel h3{font-family:var(--serif);font-size:1.4rem;margin:0 0 12px;color:var(--ink)}
.nha-panel ul{margin:0;padding-left:1.1em;display:grid;gap:10px;line-height:1.6;color:var(--ink)}
.nha-panel-side{border-left:1px solid var(--border);padding-left:clamp(16px,3vw,32px)}
.nha-panel-side h4{margin:0 0 4px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-600)}
.nha-panel-side p{margin:0 0 14px;color:var(--muted);line-height:1.55}
@keyframes nhaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- founder ---------- */
.nha-founder-section{background:var(--paper-soft)}
.nha-founder-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(24px,5vw,60px);align-items:start}
.nha-founder-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:18px;box-shadow:var(--shadow);border:4px solid var(--surface)}
.nha-founder-copy h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:.4rem 0 1rem;color:var(--ink)}
.nha-inhouse{margin-top:24px}
.nha-inhouse h3{font-family:var(--serif);font-size:1.1rem;color:var(--ink);margin:0 0 10px}
.nha-inhouse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.nha-tool{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .25s var(--nha-ease),border-color .25s}
.nha-tool:hover{transform:translateY(-3px);border-color:var(--gold-500)}
.nha-tool strong{font-family:var(--serif)}.nha-tool span{color:var(--muted);font-size:.9rem;line-height:1.5}

/* ---------- responsible AI ---------- */
.nha-trust-section{background:var(--navy-900);color:#e7edf6}
.nha-trust-section .section-head h2,.nha-trust-section .section-head p{color:#fff}
.nha-trust-section .section-head p{opacity:.8}
.nha-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.nha-principles article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px}
.nha-principles h3{font-family:var(--serif);color:var(--gold-400);margin:0 0 8px;font-size:1.08rem}
.nha-principles p{margin:0;color:#d5deeb;line-height:1.6;font-size:.95rem}

/* ---------- FAQ ---------- */
.nha-faq-wrap{max-width:860px}
.nha-faq{display:grid;gap:10px}
.nha-faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 18px;transition:border-color .2s}
.nha-faq details[open]{border-color:var(--gold-500)}
.nha-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;color:var(--ink);position:relative;min-height:44px}
.nha-faq summary::-webkit-details-marker{display:none}
.nha-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--gold-600);transition:transform .25s}
.nha-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.nha-faq p{margin:0 0 16px;color:var(--muted);line-height:1.65}

/* ---------- final CTA ---------- */
.nha-final{padding:clamp(40px,6vw,80px) 0}
.nha-final-card{position:relative;overflow:hidden;text-align:center;border-radius:22px;padding:clamp(28px,5vw,60px);color:#fff;
  background:radial-gradient(120% 120% at 100% 0,rgba(212,175,55,.28),transparent 55%),linear-gradient(135deg,var(--navy-900),var(--navy-700,#153261))}
.nha-final-card h2{font-family:var(--serif);font-size:clamp(1.7rem,3.6vw,2.8rem);margin:.5rem 0 .8rem;color:#fff;line-height:1.15}
.nha-final-card p{max-width:60ch;margin:0 auto 22px;color:#dbe4f1;line-height:1.65}
.nha-final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.nha-final-card .btn-outline{color:#fff;border-color:rgba(255,255,255,.5)}
.nha-final-note{margin:20px auto 0!important;font-size:.9rem}
.nha-final-note a{color:var(--gold-400)}

/* ---------- bottom sheets ---------- */
.nha-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.nha-sheet[hidden]{display:none}
.nha-sheet-backdrop{position:absolute;inset:0;background:rgba(5,11,24,.55);opacity:0;transition:opacity .25s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nha-sheet.is-open .nha-sheet-backdrop{opacity:1}
.nha-sheet-panel{position:relative;width:min(560px,100%);max-height:88vh;max-height:88dvh;overflow:auto;background:var(--surface);color:var(--ink);
  border-radius:22px 22px 0 0;padding:10px 18px calc(18px + var(--nha-safe-b));box-shadow:0 -20px 60px rgba(5,11,24,.35);
  transform:translateY(100%);transition:transform .3s var(--nha-ease);overscroll-behavior:contain}
.nha-sheet.is-open .nha-sheet-panel{transform:none}
.nha-grab{width:40px;height:5px;border-radius:99px;background:var(--border);margin:4px auto 14px}
.nha-sheet-panel h2{font-family:var(--serif);font-size:1.35rem;margin:0 0 4px;color:var(--ink)}
.nha-sheet-sub{margin:0 0 10px;color:var(--muted)}
.nha-sheet-topic{margin:0 0 10px;padding:8px 12px;background:rgba(15,118,110,.12);border-radius:10px;color:var(--teal);font-weight:600;font-size:.9rem}
.nha-row{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;font:inherit;text-decoration:none;color:var(--ink);background:var(--paper-soft);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-top:10px;min-height:56px;cursor:pointer}
.nha-row b{font-weight:700}.nha-row span{color:var(--muted);font-size:.9rem}
.nha-row-primary{background:var(--gold-500);border-color:var(--gold-500);color:#0a1a33}
.nha-row-primary span{color:#3a2c00}
.nha-sheet-close{display:block;width:100%;margin-top:14px;padding:14px;border:0;background:none;font:inherit;font-weight:700;color:var(--muted);cursor:pointer}
@media(min-width:761px){
  .nha-sheet{align-items:center}
  .nha-sheet-panel{border-radius:22px;padding-bottom:18px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .3s var(--nha-ease),opacity .25s}
  .nha-sheet.is-open .nha-sheet-panel{transform:none;opacity:1}
  .nha-grab{display:none}
  .nha-tabbar,.nha-sticky-cta{display:none!important}
}

/* ---------- phone: app shell ---------- */
.nha-tabbar,.nha-sticky-cta{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(var(--nha-bar) + var(--nha-safe-b) + 10px);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
  /* compact top app bar */
  .topbar{display:none}
  .site-header{position:sticky;top:0;z-index:300;padding-top:var(--nha-safe-t);
    background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);
    border-bottom:1px solid var(--border);box-shadow:none}
  .site-header .nav-wrap{min-height:56px;padding-block:6px}
  .site-header .main-nav,.site-header .nav-toggle{display:none!important}
  .brand-text strong{font-size:.95rem}
  .brand-text span{display:none}
  .brand img{height:34px;width:auto}
  /* hero */
  .hero{padding-top:28px}
  .hero h1{font-size:clamp(1.85rem,8.2vw,2.35rem)}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{min-height:48px;justify-content:center;text-align:center}
  .hero-actions .btn-gold{grid-column:1/-1}
  .hero-actions .btn-outline:last-child{grid-column:1/-1}
  .hero-panel{display:none}
  .section{padding-block:40px}
  .container{padding-inline:16px}
  .nha-strip{padding:14px 0}
  .nha-strip-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none}
  .nha-strip-grid::-webkit-scrollbar{display:none}
  .nha-strip-grid li{flex:0 0 78%;scroll-snap-align:center;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold-500);border-radius:12px;padding:14px}
  .nha-check-grid,.nha-two,.nha-founder-grid,.nha-panel,.nha-inhouse-grid{grid-template-columns:1fr}
  .nha-principles{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none}
  .nha-principles::-webkit-scrollbar{display:none}
  .nha-principles article{flex:0 0 82%;scroll-snap-align:center}
  .nha-panel-side{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:16px}
  .nha-founder-photo{max-width:260px;margin-inline:auto}
  .nha-quiz{min-height:0}
  /* swipeable service cards */
  .service-grid{display:flex!important;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .service-grid::-webkit-scrollbar{display:none}
  .service-grid>.service-card{flex:0 0 84%;scroll-snap-align:center;min-height:0}
  .nha-final-actions .btn{width:100%;justify-content:center;min-height:50px}
  /* tab bar */
  .nha-tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:600;
    height:calc(var(--nha-bar) + var(--nha-safe-b));padding:6px 6px var(--nha-safe-b);
    background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);
    border-top:1px solid var(--border)}
  .nha-tabbar a,.nha-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:none;color:var(--muted);
    font:inherit;font-size:.68rem;font-weight:600;text-decoration:none;border-radius:14px;cursor:pointer;position:relative}
  .nha-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
  .nha-tabbar .is-active{color:var(--ink)}
  .nha-tabbar .is-active .nha-ico{background:rgba(212,175,55,.28);border-radius:99px;padding:3px 16px;margin:-3px 0}
  .nha-tabbar .nha-fab{color:#0a1a33}
  .nha-tabbar .nha-fab .nha-ico{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
    margin-top:-26px;box-shadow:0 8px 22px rgba(212,175,55,.5);border:4px solid var(--surface)}
  .nha-tabbar .nha-fab span:last-child{color:var(--ink)}
  .nha-sticky-cta{display:block;position:fixed;left:50%;bottom:calc(var(--nha-bar) + var(--nha-safe-b) + 14px);z-index:590;transform:translate(-50%,16px);opacity:0;
    padding:13px 22px;border-radius:99px;background:var(--navy-900);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;
    box-shadow:0 12px 30px rgba(5,11,24,.4);border:1px solid rgba(255,255,255,.18);transition:opacity .2s,transform .25s var(--nha-ease)}
  .nha-sticky-cta[hidden]{display:none}
  .nha-sticky-cta.is-on{opacity:1;transform:translate(-50%,0)}
  /* keep existing floating widgets clear of the tab bar */
  [class*=whatsapp-float],[class*=chat-launcher],[class*=back-top]{bottom:calc(var(--nha-bar) + var(--nha-safe-b) + 14px)!important}
  /* app-style page entry */
  main{animation:nhaIn .35s var(--nha-ease)}
}
/* iOS flavour */
html[data-platform=ios] .nha-sheet-panel{border-radius:26px 26px 0 0}
html[data-platform=ios] .nha-row{border-radius:12px}
html[data-platform=ios] .nha-tabbar .nha-fab .nha-ico{box-shadow:0 6px 18px rgba(212,175,55,.4)}
/* Android flavour */
html[data-platform=android] .nha-tabbar .is-active .nha-ico{border-radius:16px}
html[data-platform=android] .nha-opt,html[data-platform=android] .nha-row{border-radius:16px}
html[data-platform=android] .nha-sticky-cta{border-radius:16px}
/* Windows flavour */
html[data-platform=windows] .btn,html[data-platform=windows] .nha-opt,html[data-platform=windows] .nha-row{border-radius:6px}
@media(max-width:980px){.nha-strip-grid{grid-template-columns:repeat(2,1fr)}.nha-principles{grid-template-columns:repeat(2,1fr)}.nha-check-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- v20261106b: contrast fixes on light sections ---------- */
.nha-check-section .eyebrow,.nha-use-section .eyebrow,.nha-deliver-section .eyebrow,.nha-founder-section .eyebrow,.nha-faq-section .eyebrow{color:var(--gold-600)}
.nha-trust-section .eyebrow{color:var(--gold-400)}
.nha-quiz .btn-outline,.nha-panel .btn-outline,.nha-card .btn-outline,.nha-founder-copy .btn-outline,.nha-welcome .btn-outline{color:var(--ink);border:1.5px solid var(--ink);background:transparent}
.nha-quiz .btn-outline:hover{background:var(--ink);color:var(--surface)}
.nha-actions .btn{min-height:46px}

/* ---------- v20261106c: phone layout fixes ---------- */
@media(max-width:760px){
  .nha-check-grid,.nha-two,.nha-founder-grid,.nha-panel,.nha-inhouse-grid{grid-template-columns:minmax(0,1fr)}
  .nha-check-grid>*,.nha-two>*,.nha-founder-grid>*,.nha-panel>*,.nha-inhouse-grid>*{min-width:0}
  .nha-founder-copy h2,.nha-check-intro h2{overflow-wrap:anywhere}
  .hero-actions .btn-outline:last-child{grid-column:auto}
  .nha-sticky-cta{padding:10px 18px;font-size:.88rem}
  .stat-band .container{display:grid;grid-template-columns:1fr 1fr;gap:14px}
}

/* v20261106d: wrap long buttons on phones */
@media(max-width:760px){
  .nha-actions .btn,.nha-panel-side .btn,.nha-result .btn,.nha-start .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%}
  .nha-actions{flex-direction:column;align-items:stretch}
}