/* ═══ navbar (Shopify-style mega menus, self-contained) ═══ */
.tn{position:fixed;top:0;left:0;right:0;height:56px;z-index:1000;display:flex;align-items:center;padding:0 2.5rem;background:#fff;border-bottom:1px solid #e5e7eb;font-size:.85rem;color:#000;font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif}
.tn-brand{display:inline-flex;align-items:flex-end;gap:4px;text-decoration:none;margin-right:3rem;color:#000}
.tn-logo{width:16px;height:22px;display:block;flex:0 0 auto}
.tn-logo rect{fill:#000}
html[data-theme="dark"] .tn-logo rect{fill:#fff}
.tn-brand-text{padding-bottom:1px}
.tn-brand-text{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1;color:#000}
.tn-links{display:flex;align-items:center;gap:2rem;flex:1;min-width:0}
.tn-item{display:flex;align-items:center;height:56px}
.tn-link{background:none;border:none;font:inherit;font-size:.85rem;font-weight:400;color:#000;cursor:pointer;padding:.4rem 0;display:inline-flex;align-items:center;text-decoration:none;transition:color .2s}
.tn-link:hover,.tn-item.open>.tn-link{color:#666}
/* (ipadhdr1) a label never wraps onto a second line */
.tn-link{white-space:nowrap}
.tn-caret{display:inline-block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4.5px solid currentColor;margin-left:.4rem;opacity:.7;transition:transform .2s}
.tn-item.open .tn-caret{transform:rotate(180deg)}
.tn-mega{position:fixed;top:56px;left:0;right:0;width:100vw;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:2.5rem 0;display:none;justify-content:center;z-index:999;text-align:left}
.tn-item.open .tn-mega{display:flex}
.tn-grid{display:grid;grid-template-columns:repeat(3,1fr) 300px;gap:3.5rem;max-width:1400px;width:100%;padding:0 4rem}
.tn-col{display:flex;flex-direction:column}
.tn-h{color:#00b565;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:0 0 1rem}
.tn-dd-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;text-decoration:none;color:#000;transition:padding .2s;border-radius:0}
.tn-dd-item:hover{padding-left:.5rem}
.tn-ic{width:18px;height:18px;flex:0 0 18px;opacity:.7;margin-top:2px;color:#000}
.tn-dd-title{display:block;font-size:.875rem;font-weight:500;color:#000;line-height:1.4}
.tn-dd-desc{display:block;font-size:.75rem;color:#666;line-height:1.5;margin-top:2px}
.tn-feat{background:#f9fafb;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}
.tn-feat-img{width:100%;height:84px;object-fit:cover;object-position:left top;border-radius:8px;margin-bottom:.35rem;display:block;background:#0d0d14}
.tn-feat-title{font-size:.9rem;font-weight:600;color:#000;margin:0 0 .35rem}
.tn-fb{margin-bottom:.4rem}.tn-fb:last-child{margin-bottom:0}
.tn-fb-t{font-size:.75rem;font-weight:600;color:#000;line-height:1.3;margin-bottom:.1rem}
.tn-fb-d{font-size:.68rem;color:#666;line-height:1.35}
.tn-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.tn-search{position:relative;display:flex;align-items:center}
.tn-search-in{background:transparent;border:1px solid #d1d5db;border-radius:50px;padding:.4rem 1rem;color:#000;font:inherit;font-size:.85rem;width:0;opacity:0;transition:all .3s ease;outline:none;height:32px;box-sizing:border-box}
.tn-search-in.active{width:200px;opacity:1;margin-right:.5rem}
.tn-search-in::placeholder{color:#999}
.tn-icon-btn{background:transparent;border:none;color:#000;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:50%;transition:color .2s}
.tn-icon-btn:hover{color:#666}
.tn-icon-btn svg{width:16px;height:16px}
.tn-search-res{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;max-width:calc(100vw - 2rem);max-height:400px;overflow-y:auto;display:none;z-index:1001;box-shadow:0 10px 40px rgba(0,0,0,.1)}
.tn-search-res.active{display:block}
.tn-sr{padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:#000;transition:background .2s}
.tn-sr:hover{background:#f9fafb}
.tn-sr svg{width:20px;height:20px;flex:0 0 20px;opacity:.7;color:#000}
.tn-sr-cat{font-size:.75rem;color:#00b565;text-transform:uppercase;letter-spacing:.05em}
.tn-sr-title{font-size:.95rem;font-weight:500;color:#000}
.tn-sr-desc{font-size:.8rem;color:#666;margin-top:.25rem}
.tn-empty{padding:3rem 1.5rem;text-align:center;color:#666}
.tn-signin{color:#000;text-decoration:none;font-size:.85rem;padding:.4rem .5rem}
.tn-signin:hover{color:#666}
.tn-cta{background:#00FE87;color:#000;padding:0 1.25rem;border-radius:50px;font:inherit;font-size:.85rem;font-weight:600;border:none;height:32px;display:inline-flex;align-items:center;cursor:pointer;transition:all .2s;white-space:nowrap}
.tn-cta:hover{background:#00e577;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,254,135,.3)}
.tn-burger{display:none;margin-left:auto;background:none;border:none;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:8px}
.tn-burger{color:#000}.tn-burger svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}   /* (burger1) a phone that forces its own dark mode darkens background colours but keeps text light, so the lines are drawn in the text colour */
/* (ipadhdr1) the full header needs ~1,250 px, so tablets and small laptops (992-1199 px) get the menu button too; it was cut off on iPads */
@media(max-width:1199px){
  .tn{padding:0 1.25rem}
  .tn-brand{margin-right:0}
  .tn-burger{display:flex}
  .tn-links{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;overflow-y:auto;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 2rem}
  .tn.open .tn-links{display:flex}
  .tn-item{height:auto;flex-direction:column;align-items:stretch;border-bottom:1px solid #f0f0f0}
  .tn-link{padding:.85rem 0;font-size:1rem;justify-content:space-between;width:100%}
  .tn-mega{position:static;width:auto;box-shadow:none;padding:0 0 .75rem;display:none}
  .tn-item.open .tn-mega{display:block}
  .tn-grid{grid-template-columns:1fr;gap:1rem;padding:0}
  .tn-feat{display:none}
  .tn-h{padding-bottom:.4rem}
  .tn-right{margin:1rem 0 0;flex-direction:column;align-items:stretch;gap:.6rem}
  .tn-search{display:none}
  .tn-signin,.tn-cta{width:100%;justify-content:center;text-align:center}
}
/* (landfix1) the header's contents sit in the same centered 1200px column as the page sections; every page gets this header */
@media(min-width:1281px){.tn{padding-left:calc((100% - 1200px)/2);padding-right:calc((100% - 1200px)/2)}}

/* navbar extras: theme toggle, language menu, why-menu feature card */
.tn-theme{background:transparent;border:none;color:#000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.tn-theme:hover{background:rgba(0,0,0,.05)}
.tn-theme svg{width:18px;height:18px}
.tn-theme .tn-sun{display:none}
html[data-theme="dark"] .tn-theme .tn-moon{display:none}
html[data-theme="dark"] .tn-theme .tn-sun{display:block}
.tn-lang{position:relative;display:flex;align-items:center}
.tn-lang-btn{width:auto;padding:.4rem .65rem;gap:.4rem;border-radius:0;font-size:.8rem}
.tn-lang-menu{position:absolute;top:calc(100% + 1rem);right:0;min-width:200px;padding:1rem;border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;z-index:1001}
.tn-lang.open .tn-lang-menu{display:block}
.tn-lang-menu a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;color:#000;text-decoration:none;font-size:.85rem;transition:background .2s,transform .2s}
.tn-lang-menu a:hover{background:#f9fafb;transform:translateX(4px)}
.tn-lang-menu a.on{color:#00b565;font-weight:600}
.tn-lang-menu small{font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.05em}
/* (i18n1) the language menu: a search box and every language Microsoft Translator offers, English first */
.tn-lang-menu{width:290px;min-width:0;padding:.6rem}
.tn-lang-code{font-weight:600}.tn-lang-btn{font-family:inherit}
.tn-lang-name{display:none}
.tn-lang-q{display:block;width:100%;box-sizing:border-box;margin:0 0 .45rem;padding:.55rem .75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#000;font:inherit;font-size:.85rem;outline:none}
.tn-lang-q:focus{border-color:#00b565}
.tn-lang-list{max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain}
.tn-lang-opt{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;border:0;border-radius:8px;background:transparent;color:#000;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}
.tn-lang-opt:hover,.tn-lang-opt:focus-visible{background:#f3f4f6;outline:none}
.tn-lang-opt.on{color:#00b565;font-weight:600}
.tn-lang-opt small{font-size:.7rem;font-weight:400;color:#8a8f9c;white-space:nowrap;text-transform:none;letter-spacing:0}
.tn-lang-sep{height:1px;margin:.35rem .25rem;background:#eef0f3}
.tn-lang-empty{padding:.6rem .75rem;font-size:.8rem;color:#8a8f9c}
.tn-lang-by{padding:.45rem .75rem 0;font-size:.68rem;color:#8a8f9c}
html[data-theme="dark"] .tn-lang-q{background:#111118;border-color:#252540;color:#fff}
html[data-theme="dark"] .tn-lang-opt{color:#fff}
html[data-theme="dark"] .tn-lang-opt:hover,html[data-theme="dark"] .tn-lang-opt:focus-visible{background:#1a1a1a}
html[data-theme="dark"] .tn-lang-opt.on{color:#00d9a3}
html[data-theme="dark"] .tn-lang-sep{background:#1a1a2e}
/* (i18n2) the one-time note after the site switched to the device language */
.tl-i18n-hint{position:fixed;top:72px;right:16px;z-index:2147482000;max-width:340px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#111118;color:#f2f2f5;border:1px solid #2a2a3e;box-shadow:0 12px 40px rgba(0,0,0,.35);font:500 13px/1.45 -apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;text-align:left}
.tl-i18n-hint-b{display:flex;gap:8px;align-items:center}
.tl-i18n-hint button{font:inherit;font-size:12.5px;font-weight:700;border-radius:8px;padding:7px 12px;cursor:pointer;border:1px solid #2a2a3e;background:transparent;color:#f2f2f5}
.tl-i18n-hint .tl-i18n-hint-more{background:#00ff88;border-color:#00ff88;color:#04120b}
.tl-i18n-hint .tl-i18n-hint-x{margin-left:auto;border:0;padding:2px 8px;font-size:18px;line-height:1;opacity:.7}
@media(max-width:640px){.tl-i18n-hint{top:64px;left:12px;right:12px;max-width:none}}
.tl-i18n-bar{position:fixed;left:0;right:0;top:0;height:2px;background:#00b565;z-index:2147483000;pointer-events:none;animation:tlI18nBusy 1.1s ease-in-out infinite}
@keyframes tlI18nBusy{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.tn-feat-link{text-decoration:none}
.tn-fb-cta{color:#00b565}
.tn-feat-link:hover .tn-fb-cta{text-decoration:underline}
@media(max-width:1199px){.tn-theme{align-self:flex-start}
  /* (i18n1) phones and tablets: the language button sits in the menu panel and its list opens in place */
  .tn-lang{display:block;width:100%}
  .tn-lang-btn{width:100%;height:auto;justify-content:flex-start;padding:.7rem 0;font-size:1rem}
  .tn-lang-name{display:inline}
  .tn-lang-code{display:none}
  .tn-lang-menu,html[data-theme="dark"] .tn-lang-menu{position:static;width:100%;box-shadow:none;margin:.25rem 0 .5rem}
  .tn-lang-list{max-height:45vh}}

/* ═══ dark mode for the landing page (toggle in the navbar, remembered in localStorage) ═══ */
html[data-theme="dark"]{--bg:#0a0a0f;--surface:#111118;--card:#0d0d14;--border:#1a1a2e;--border2:#252540;--text:#e0e0e0;--dim:#8a8f9c;--dim2:#a3a8b5;--accent:#00ff88;--accent2:#00cc6a;--neon:#00ff88}
html[data-theme="dark"],html[data-theme="dark"] *{scrollbar-color:#3a3f4c #0a0a0f}
html[data-theme="dark"]::-webkit-scrollbar-track{background:#0a0a0f}html[data-theme="dark"]::-webkit-scrollbar-thumb{background:#3a3f4c;border-color:#0a0a0f}
html[data-theme="dark"] body{background:#0a0a0f;color:#e0e0e0}
html[data-theme="dark"] .tn{background:#0a0a0f;border-bottom-color:#0a0a0f;color:#fff}
html[data-theme="dark"] .tn-brand-text,html[data-theme="dark"] .tn-link,html[data-theme="dark"] .tn-signin,html[data-theme="dark"] .tn-icon-btn,html[data-theme="dark"] .tn-theme,html[data-theme="dark"] .tn-dd-title,html[data-theme="dark"] .tn-ic,html[data-theme="dark"] .tn-feat-title,html[data-theme="dark"] .tn-fb-t,html[data-theme="dark"] .tn-sr-title,html[data-theme="dark"] .tn-sr svg,html[data-theme="dark"] .tn-lang-menu a{color:#fff}
html[data-theme="dark"] .tn-link:hover,html[data-theme="dark"] .tn-item.open>.tn-link,html[data-theme="dark"] .tn-signin:hover,html[data-theme="dark"] .tn-icon-btn:hover{color:#ccc}
html[data-theme="dark"] .tn-theme:hover{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .tn-burger{color:#fff}
html[data-theme="dark"] .tn-mega{background:#0a0a0f;box-shadow:0 10px 40px rgba(0,0,0,.8)}
html[data-theme="dark"] .tn-links{background:transparent;box-shadow:none}
@media(max-width:1199px){html[data-theme="dark"] .tn-links{background:#0a0a0f}}
html[data-theme="dark"] .tn-item{border-color:#1a1a2e}
html[data-theme="dark"] .tn-h{color:#00d9a3}
html[data-theme="dark"] .tn-dd-desc,html[data-theme="dark"] .tn-fb-d,html[data-theme="dark"] .tn-sr-desc{color:#888}
html[data-theme="dark"] .tn-feat{background:#111118}
html[data-theme="dark"] .tn-fb-cta,html[data-theme="dark"] .tn-lang-menu a.on,html[data-theme="dark"] .tn-sr-cat{color:#00d9a3}
html[data-theme="dark"] .tn-search-in{border-color:#333;color:#fff}
html[data-theme="dark"] .tn-search-in::placeholder{color:#666}
html[data-theme="dark"] .tn-search-res,html[data-theme="dark"] .tn-lang-menu{background:#0a0a0f;border-color:#1a1a2e;box-shadow:0 10px 40px rgba(0,0,0,.8)}
html[data-theme="dark"] .tn-sr:hover,html[data-theme="dark"] .tn-lang-menu a:hover{background:#1a1a1a}
html[data-theme="dark"] .hero h1.hero-h1{color:#fff;-webkit-text-fill-color:#fff}
html[data-theme="dark"] .hero .hero-sub{color:#c7cbd6}
html[data-theme="dark"] .hero-signup-box{background:#14141c;border-color:#2a2a3a;box-shadow:none}
html[data-theme="dark"] .hero-signup-box input{color:#fff}
html[data-theme="dark"] .hero-signup-box input::placeholder{color:#8a8f9c}
html[data-theme="dark"] .hero-signup-box svg{stroke:#8a8f9c}
html[data-theme="dark"] .hero-tools{border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .hero-tools-label{color:#8a8f9c}
html[data-theme="dark"] .hero-chip{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.14);color:#dfe2ea}
html[data-theme="dark"] .hero-chip:hover{border-color:rgba(0,255,136,.5);background:rgba(0,255,136,.06);color:#fff}
html[data-theme="dark"] .tl-marquee-section{border-color:#1a1a2e}
html[data-theme="dark"] .tl-marquee-item{color:#c9c9d4}
html[data-theme="dark"] .eyebrow-lite{color:#00ff88}
html[data-theme="dark"] .section-title,html[data-theme="dark"] .ms-top .section-title,html[data-theme="dark"] .tl-demo h2{color:#fff}
html[data-theme="dark"] .tl-compare-wrap{background:#101018;border-color:#1a1a2e;box-shadow:none}
html[data-theme="dark"] .tl-compare-table thead th{background:#14141c;color:#8a8f9c;border-color:#1a1a2e}
html[data-theme="dark"] .tl-compare-table thead th.us{background:rgba(0,255,136,.08);color:#00ff88}
html[data-theme="dark"] .tl-compare-table th,html[data-theme="dark"] .tl-compare-table td{border-color:#1a1a2e}
html[data-theme="dark"] .tl-compare-table tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
html[data-theme="dark"] .tl-compare-table tbody tr:hover{background:rgba(0,255,136,.04)}
html[data-theme="dark"] .tl-compare-table td.feat,html[data-theme="dark"] .tl-compare-table td.us{color:#e0e0e0;background:none}
html[data-theme="dark"] .tl-compare-table td.us{background:rgba(0,255,136,.04)}
html[data-theme="dark"] .tl-compare-table td.them{color:#a3a8b5}
html[data-theme="dark"] .tl-compare-table .ex{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.35)}
html[data-theme="dark"] .price-card{background:#111118;border-color:#1a1a2e;box-shadow:none}
html[data-theme="dark"] .price-card.featured{border-color:rgba(0,255,136,.5)}
html[data-theme="dark"] .price-btn.free-btn,html[data-theme="dark"] .price-btn.elite-btn,html[data-theme="dark"] .btn-secondary{background:#14141c;border-color:#252540;color:#e0e0e0}
html[data-theme="dark"] .footer{background:#0a0a0f;border-color:#1a1a2e}
html[data-theme="dark"] .modal-overlay{background:rgba(0,0,0,.7)}
html[data-theme="dark"] .auth-modal{background:#111118;border-color:#252540;color:#e0e0e0}
html[data-theme="dark"] .modal-logo .name{color:#e0e0e0}
html[data-theme="dark"] .auth-tabs{border-color:#252540}
html[data-theme="dark"] .auth-tab.active{background:rgba(0,255,136,.1);color:#00ff88}
html[data-theme="dark"] .auth-tab:hover:not(.active){background:rgba(255,255,255,.03)}
html[data-theme="dark"] .auth-reason{background:rgba(0,255,136,.06);border-color:rgba(0,255,136,.25);color:#e0e0e0}
html[data-theme="dark"] .form-input{background:#0d0d14;border-color:#252540;color:#e0e0e0}
html[data-theme="dark"] .form-input::placeholder{color:#666}
html[data-theme="dark"] #googleAuthBtn{background:#14141c !important;border-color:#252540 !important;color:#e0e0e0 !important}
html[data-theme="dark"] .auth-modal .captcha-wrap>div{background:#0d0d14 !important;border-color:#252540 !important}
html[data-theme="dark"] .rps-btn{background:#14141c;border-color:#252540;color:#e0e0e0}
html[data-theme="dark"] .tl-box{background:#0d0d14;border-color:#252540}
html[data-theme="dark"] .pw-toggle:hover,html[data-theme="dark"] .modal-close:hover{background:rgba(255,255,255,.06);color:#fff}
html[data-theme="dark"] .ms-note,html[data-theme="dark"] .tour-copy,html[data-theme="dark"] .section-desc{color:#a3a8b5}

/* ═══ navbar menus: roomy rows with descriptions, featured card, full-width bottom strip on every menu ═══ */
.tn-mega{padding:0;flex-direction:column;align-items:center}
.tn-wrap{max-width:1400px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}
.tn-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem;padding:2.25rem 3rem 1.25rem 4rem}
.tn-col{display:flex;flex-direction:column}
.tn-h{color:#00b565;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:0 0 1rem;margin:0}
.tn-dd-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;text-decoration:none;color:#000;transition:padding .2s}
.tn-dd-item:hover{padding-left:.5rem}
.tn-ic{width:18px;height:18px;flex:0 0 18px;opacity:.7;margin-top:2px;color:#000}
.tn-dd-title{display:block;font-size:.875rem;font-weight:500;color:#000;line-height:1.4}
.tn-dd-desc{display:block;font-size:.75rem;color:#666;line-height:1.5;margin-top:2px}
.tn-side{padding:2.25rem 4rem 1.25rem 0}
.tn-feat{display:flex;flex-direction:column;gap:.25rem;background:#f9fafb;border-radius:12px;padding:1.25rem;text-decoration:none}
.tn-feat-img{width:100%;height:84px;object-fit:cover;object-position:left top;border-radius:8px;margin-bottom:.35rem;display:block;background:#0d0d14}
.tn-feat-title{font-size:.9rem;font-weight:600;color:#000;margin:0 0 .35rem}
.tn-fb{margin-bottom:.4rem}.tn-fb:last-child{margin-bottom:0}
.tn-fb-t{font-size:.75rem;font-weight:600;color:#000;line-height:1.3;margin-bottom:.1rem}
.tn-fb-d{font-size:.68rem;color:#666;line-height:1.35}
.tn-side-link{display:block;font-size:.8rem;font-weight:600;color:#00b565;text-decoration:none;margin-top:.45rem}
.tn-side-link:hover,.tn-feat-link:hover .tn-fb-cta{text-decoration:underline}
.tn-coins{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}
.tn-coin{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;text-decoration:none;color:#000;font-size:.85rem}
.tn-coin img{width:22px;height:22px;border-radius:50%}
.tn-coin:hover{color:#00b565}
.tn-strip{width:100%;border-top:1px solid #eceef3;background:#fafafb;margin:0}
.tn-strip-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;align-items:center;padding:1rem 4rem}
.tn-strip-label{color:#00b565;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.tn-strip-item{text-decoration:none;color:#000}
.tn-strip-item b{display:block;font-size:.875rem;font-weight:500}
.tn-strip-item span{display:block;font-size:.75rem;color:#666;margin-top:1px}
.tn-strip-item:hover b{color:#00b565}
html[data-theme="dark"] .tn-dd-item,html[data-theme="dark"] .tn-dd-title,html[data-theme="dark"] .tn-ic,html[data-theme="dark"] .tn-coin,html[data-theme="dark"] .tn-strip-item,html[data-theme="dark"] .tn-strip-item b,html[data-theme="dark"] .tn-feat-title,html[data-theme="dark"] .tn-fb-t{color:#fff}
html[data-theme="dark"] .tn-dd-desc,html[data-theme="dark"] .tn-fb-d,html[data-theme="dark"] .tn-strip-item span{color:#888}
html[data-theme="dark"] .tn-coin:hover,html[data-theme="dark"] .tn-strip-item:hover b,html[data-theme="dark"] .tn-side-link,html[data-theme="dark"] .tn-fb-cta{color:#00d9a3}
html[data-theme="dark"] .tn-feat{background:#111118}
html[data-theme="dark"] .tn-strip{background:#0c0e11;border-top-color:#171b20}
@media(max-width:1199px){
  .tn-wrap{display:block}
  .tn-cols{display:block;padding:0 0 .5rem}
  .tn-col{margin-bottom:.5rem}
  .tn-side,.tn-strip{display:none}
}
/* (nav1) owner 2026-09-15: the menus were "too bulky" (Resources covered the whole window on 1280x720 and 1366x768 laptops).
   On desktop each menu is a compact panel under its label, like the owner's reference file: tighter rows that keep their icons,
   small group headings, the strip's links as one slim row, and no side cards (their links are all in the menus). The navbar
   script's place() keeps the panel under its label and inside the window. Phones and tablets keep the menu-button panel. */
@media(min-width:1200px){
  .tn-mega{top:56px;right:auto;left:0;width:auto;max-width:calc(100vw - 32px);margin-top:6px;padding:0;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 50px -12px rgba(16,19,18,.24);background:#fff;align-items:stretch}
  .tn-mega::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  .tn-wrap{display:block;max-width:none;width:auto}
  .tn-side{display:none}
  .tn-cols{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,270px);gap:0 .4rem;padding:.6rem .6rem .35rem}
  .tn-h{padding:.4rem .6rem .2rem;font-size:.6rem}
  .tn-dd-item{padding:.38rem .6rem;border-radius:8px;gap:.6rem;transition:background .15s}
  .tn-dd-item:hover{padding-left:.6rem;background:#f3f4f6}
  .tn-ic{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
  .tn-dd-title{font-size:.84rem;line-height:1.25}
  .tn-dd-desc{font-size:.72rem;line-height:1.3;margin-top:1px}
  .tn-strip{background:transparent;border-top:1px solid #eef0f3}
  .tn-strip-in{display:flex;flex-wrap:wrap;gap:.2rem 1.25rem;max-width:none;padding:.55rem 1.25rem .65rem}
  .tn-strip-label,.tn-strip-item span{display:none}
  .tn-strip-item b{font-size:.8rem;font-weight:600;color:#007a43}
  .tn-strip-item:hover b{color:#00b565;text-decoration:underline}
  html[data-theme="dark"] .tn-mega{background:#0d0d14;border-color:#1f1f33;box-shadow:0 18px 50px -12px rgba(0,0,0,.8)}
  html[data-theme="dark"] .tn-dd-item:hover{background:#16161f}
  html[data-theme="dark"] .tn-strip{background:transparent;border-top-color:#1f1f33}
  html[data-theme="dark"] .tn-strip-item b{color:#00d9a3}
}
/* (learn1) the header gained a Learn link; 1200 to 1439 px get slightly tighter link spacing so everything still fits */
@media(min-width:1200px) and (max-width:1439px){.tn-links{gap:1.1rem}.tn-brand{margin-right:1.5rem}.tn-right{gap:.35rem}}
/* (nav2) owner 17 Oct: a Shopify style menu on desktop. Every label opens the same full width panel under the bar, its
   contents centred; moving between labels swaps the contents with a short fade and rise in the same spot. Every link,
   column and icon is unchanged. Phones and tablets keep the menu button panel. */
@media(min-width:1200px){
  .tn-mega{display:flex!important;left:0!important;right:0;width:100vw;max-width:none;margin-top:0;border-radius:0;border:0;
    border-top:1px solid #eef0f3;border-bottom:1px solid #e5e7eb;box-shadow:0 24px 40px -24px rgba(16,19,18,.22);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}
  .tn-item.open .tn-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
  .tn-mega::before{top:-16px;height:16px}
  .tn-wrap{max-width:1240px;width:100%;margin:0 auto}
  .tn-cols{justify-content:center;grid-auto-columns:minmax(230px,290px);gap:0 1rem;padding:1.1rem 1rem .6rem}
  .tn-strip{border-top:1px solid #eef0f3}
  .tn-strip-in{justify-content:center;max-width:1240px;margin:0 auto}
  html[data-theme="dark"] .tn-mega{border-color:#1f1f33;box-shadow:0 24px 40px -24px rgba(0,0,0,.8)}
}
/* (nav3) owner 17 Oct: the menu's bottom row as a tinted band: its label on the left, the links as small pills with an
   arrow that slides on hover */
@media(min-width:1200px){
  .tn-strip{background:#f7f8fa;border-top:1px solid #eef0f3}
  .tn-strip-in{justify-content:flex-start;align-items:center;gap:.45rem;max-width:1240px;margin:0 auto;padding:.7rem 2rem}
  .tn-strip-label{display:block!important;margin-right:.6rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a90a0}
  .tn-strip-item{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .8rem;border:1px solid #e3e6ec;border-radius:999px;background:#fff;
    text-decoration:none;transition:border-color .15s,background .15s,transform .15s}
  .tn-strip-item b{font-size:.78rem;font-weight:600;color:#1f2330!important;text-decoration:none!important}
  .tn-strip-item::after{content:"→";font-size:.75rem;color:#00a85c;transition:transform .18s}
  .tn-strip-item:hover{border-color:#00c46e;background:#f0fdf6;transform:translateY(-1px)}
  .tn-strip-item:hover::after{transform:translateX(3px)}
  html[data-theme="dark"] .tn-strip{background:#0b0b12;border-color:#1a1a2a}
  html[data-theme="dark"] .tn-strip-item{background:#12121b;border-color:#24243a}
  html[data-theme="dark"] .tn-strip-item b{color:#e6e8ef!important}
  html[data-theme="dark"] .tn-strip-item:hover{border-color:#00d68f;background:#0f1a15}
  html[data-theme="dark"] .tn-strip-label{color:#6b7083}
}
@media(min-width:1200px){.tn-strip-item[hidden]{display:none!important}}   /* (nav3) a link the page hides stays hidden */

.tn,.tn *,.tlf,.tlf *{box-sizing:border-box}
.tn a,.tn a:hover,.tlf a,.tlf a:hover{text-decoration:none}
a.tn-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
html[data-theme] .tn a.tn-cta,html[data-theme] .tn a.tn-cta:hover{color:#000}  /* (chromefix) page link colours must not reach the button */
.tl-chrome-pad{height:56px}
.tlf{position:relative;z-index:1;background:#ffffff;border-top:1px solid #e6e8ef;padding:40px 32px;text-align:center;
  font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;clear:both}
.tlf-links{display:flex;justify-content:center;gap:4px 22px;margin:0 auto 10px;flex-wrap:wrap;max-width:1100px}
.tlf-links a{color:#4b5563;font-size:12px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.tlf-links a:hover{color:#007a43}
.tlf-copy{font-size:11px;color:#6b7280}
.tlf .tl-socials a{color:#4b5563}
html[data-theme="dark"] .tlf{background:#0a0a0f;border-top-color:#1a1a2e}
html[data-theme="dark"] .tlf-links a,html[data-theme="dark"] .tlf .tl-socials a{color:#a3a8b5}
html[data-theme="dark"] .tlf-links a:hover{color:#00ff88}
html[data-theme="dark"] .tlf-copy{color:#8a8f9c}
@media(max-width:600px){.tlf{padding:24px 16px}.tlf-links{gap:0 12px}}

/* (nozoom1) owner 5 Oct: phones zoomed the page in whenever a text box was tapped (iOS does that below 16px text) */
@media (pointer:coarse),(max-width:1024px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]),select,textarea{font-size:16px !important}}
.tl-socials{display:flex;justify-content:center;gap:4px;margin:14px 0 12px}
.tl-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:#888;text-decoration:none;transition:color .2s,background .2s}
.tl-social svg{width:20px;height:20px;fill:currentColor;display:block}
.tl-social:hover{color:#e0e0e0;background:rgba(255,255,255,.05)}
.tl-social:focus-visible{outline:2px solid #00ff88;outline-offset:2px;color:#e0e0e0}