@font-face{font-family:"Schibsted Grotesk";src:url("../fonts/SchibstedGrotesk-latin-ext.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";src:url("../fonts/SchibstedGrotesk-latin.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noto Sans Arabic";src:url("../fonts/NotoSansArabic-arabic.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-arabic.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Noto Nastaliq Urdu";src:url("../fonts/NotoNastaliqUrdu-arabic.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Noto Sans Armenian";src:url("../fonts/NotoSansArmenian-armenian.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17}

/* ==========================================================================
   TeleNitro theme, "Studio" skin.
   Bright, rounded, media-first. Red is the action colour; everything else stays calm.
   Fonts: Schibsted Grotesk (Latin) + one font per script (Arabic, Persian, Urdu, Armenian), all OFL and self-hosted.
   Rules that never change: logical properties only (no left/right), no letter-spacing or text-transform on
   RTL scripts, flexible layouts for text that is 30-40% longer.
   ========================================================================== */

:root{
	--ink:#101114;--ink-2:#5A5C66;--ink-3:#7A7C87;
	--line:#E7E8EC;--line-2:#D7D9DF;--soft:#F6F7F9;--soft-2:#F1F2F5;--paper:#fff;
	--red:#EB2127;--red-dark:#C4151B;--tint:#FDECEC;--accent:var(--red);
	--r-sm:12px;--r:24px;--r-lg:32px;--r-pill:999px;
	--wrap:1200px;--gutter:clamp(16px,4vw,32px);--head-h:88px;
	--ease:cubic-bezier(.22,1,.36,1);
	--shadow:0 18px 40px -26px rgba(16,17,20,.45);
	--dx:1;
	--script-font:sans-serif;
}
:lang(ar),:lang(ckb){--script-font:"Noto Sans Arabic"}
:lang(fa){--script-font:"Vazirmatn"}
:lang(ur){--script-font:"Noto Nastaliq Urdu"}
:lang(hy){--script-font:"Noto Sans Armenian"}
[dir="rtl"]{--dx:-1}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;font-family:"Schibsted Grotesk",var(--script-font),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:anywhere}
img,svg{max-inline-size:100%;block-size:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em;text-wrap:pretty}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.1;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.6vw,4.7rem);line-height:1.02}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
h3,.tn-h3{font-size:1.15rem;line-height:1.25;letter-spacing:-.02em;font-weight:650}
button{font:inherit;color:inherit}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:3px solid rgba(235,33,39,.55);outline-offset:3px;border-radius:8px}
.tn-visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.tn-skip{position:absolute;inset-inline-start:-999px;inset-block-start:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:1000;border-radius:var(--r-sm)}
.tn-skip:focus{inset-inline-start:8px}
.tn-wrap{inline-size:100%;max-inline-size:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.tn-narrow{max-inline-size:780px}

/* Scripts that must not be letter-spaced or uppercased, and that need more line height. */
:lang(ar),:lang(fa),:lang(ur),:lang(ckb){letter-spacing:0!important;text-transform:none!important}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(fa) h1,:lang(fa) h2,:lang(fa) h3,:lang(ckb) h1,:lang(ckb) h2,:lang(ckb) h3{letter-spacing:0;line-height:1.4;font-weight:800}
:lang(ar) body,:lang(fa) body,:lang(ckb) body{line-height:1.85}
:lang(ur) body{line-height:2.1}
:lang(ur) h1,:lang(ur) h2,:lang(ur) h3{letter-spacing:0;line-height:1.9;font-weight:700}
:lang(ur) h1{font-size:clamp(1.9rem,3.6vw,2.9rem)}
:lang(ur) h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
:lang(hy) h1,:lang(hy) h2,:lang(hy) h3{letter-spacing:-.01em;line-height:1.2}

/* ---------- icons, buttons ---------- */
.tn-icon{inline-size:1.1em;block-size:1.1em;flex:none}
.tn-flip{transform:scaleX(var(--dx))}
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.85em 1.5em;border:1.5px solid var(--line-2);border-radius:var(--r-pill);font-weight:650;font-size:.95rem;line-height:1.2;cursor:pointer;background:var(--paper);color:var(--ink);transition:background .2s,color .2s,border-color .2s,box-shadow .25s,transform .25s var(--ease)}
.tn-btn:hover{border-color:var(--ink);transform:translateY(-1px)}
.tn-btn-primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 22px -10px rgba(235,33,39,.6)}
.tn-btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);box-shadow:0 14px 26px -10px rgba(196,21,27,.7)}
.tn-btn .tn-icon{transition:transform .25s var(--ease)}
.tn-btn:hover .tn-icon.tn-flip{transform:translateX(calc(3px*var(--dx))) scaleX(var(--dx))}
.tn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:1.8em 0}

/* ---------- header ---------- */
.tn-header{position:sticky;inset-block-start:0;z-index:50;background:#fff;border-block-end:1px solid var(--line)}
.tn-header-bar{display:flex;align-items:center;gap:clamp(12px,2.4vw,26px);min-block-size:var(--head-h)}
.tn-logo{flex:none}
.tn-logo{display:flex;align-items:center}
.tn-header-bar{--logo-h:52px;--logo-mid:.3}
.tn-logo img{block-size:var(--logo-h);inline-size:auto;max-inline-size:none;transition:transform .3s var(--ease)}
.tn-logo:hover img{transform:scale(1.03)}
.tn-nav{display:flex;align-items:center;gap:clamp(12px,2vw,22px);flex:1}
.tn-menu{list-style:none;display:flex;align-items:center;gap:2px;margin-inline:auto}
.tn-menu>li{position:relative}
.tn-menu>li>a{display:block;white-space:nowrap;padding:.5em .95em;border-radius:var(--r-pill);font-weight:600;font-size:.92rem;color:var(--ink-2);transition:background .2s,color .2s}
.tn-menu>li>a:hover,.tn-menu>li.current-menu-item>a,.tn-menu>li.current-menu-ancestor>a,.tn-menu>li.current_page_item>a{color:var(--ink);background:var(--soft-2)}
.tn-menu .menu-item-has-children>a::after{content:"";display:inline-block;inline-size:.4em;block-size:.4em;margin-inline-start:.55em;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.tn-menu .sub-menu{list-style:none;position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 8px);min-inline-size:240px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .25s var(--ease),visibility 0s .2s}
.tn-menu .sub-menu::before{content:"";position:absolute;inset-inline:0;inset-block-start:-10px;block-size:10px}
.tn-menu .menu-item-has-children:hover>.sub-menu,.tn-menu .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tn-menu .sub-menu a{display:block;padding:.65em .85em;border-radius:var(--r-sm);font-size:.93rem;font-weight:600}
.tn-menu .sub-menu a:hover{background:var(--soft-2)}
.tn-nav-extra{display:flex;align-items:center;gap:14px}
.tn-portal-link{white-space:nowrap;display:inline-flex;align-items:center;gap:.4em;font-size:.9rem;font-weight:650;color:var(--ink-2)}
.tn-portal-link:hover{color:var(--ink)}
.tn-header-tools{display:flex;align-items:center;gap:10px}
.tn-header-tools .tn-btn{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:var(--r-pill);padding:.65em 1.3em;box-shadow:none}
.tn-header-tools .tn-btn:hover{background:var(--red);border-color:var(--red)}
.tn-nav-toggle{display:none;inline-size:44px;block-size:44px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:#fff;cursor:pointer;place-items:center}
.tn-bars{display:grid;gap:5px;inline-size:18px}
.tn-bars i{display:block;block-size:2px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.tn-nav-open .tn-bars i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tn-nav-open .tn-bars i:nth-child(2){opacity:0}
.tn-nav-open .tn-bars i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* language switcher */
.tn-lang{position:relative}
.tn-lang summary{white-space:nowrap;display:inline-flex;align-items:center;gap:.5em;padding:.5em .85em;border:1.5px solid var(--line-2);border-radius:var(--r-pill);cursor:pointer;list-style:none;font-size:.9rem;font-weight:650;background:#fff}
.tn-lang summary::-webkit-details-marker{display:none}
.tn-lang-chevron{inline-size:.9em;block-size:.9em;transition:transform .2s}
.tn-lang details[open] .tn-lang-chevron{transform:rotate(180deg)}
.tn-lang ul{list-style:none;position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);min-inline-size:190px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);z-index:60}
.tn-lang a{display:block;padding:.55em .85em;border-radius:var(--r-sm);font-size:.95rem;font-weight:550}
.tn-lang a:hover{background:var(--soft-2)}
.tn-lang a[aria-current]{font-weight:800;background:var(--tint);color:var(--red-dark)}

/* ---------- type blocks ---------- */
.tn-eyebrow{display:inline-block;margin:0 0 1.2em;padding:.28em .8em;border-radius:var(--r-pill);background:var(--tint);color:var(--red-dark);font-size:.78rem;font-weight:650}
.tn-lead{font-size:clamp(1.08rem,1.5vw,1.25rem);color:var(--ink-2);max-inline-size:62ch}
.tn-hl{color:var(--red)}
.tn-section{padding-block:clamp(64px,9vw,120px)}
.tn-section-soft{background:var(--soft)}
.tn-section-head{margin-block-end:clamp(32px,5vw,56px);max-inline-size:780px}
.tn-section-head h2{margin:0}
.tn-section-head .tn-lead{margin-block-start:.7em}
.tn-prose{color:var(--ink-2)}
.tn-prose h2{font-size:1.6rem;margin-block:1.6em .5em;color:var(--ink)}
.tn-prose strong{color:var(--ink)}
.tn-prose ul,.tn-prose ol{padding-inline-start:1.3em;margin-block-end:1.2em}
.tn-prose li{margin-block-end:.45em}
.tn-prose a{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.tn-meta{color:var(--ink-2);font-size:.9rem}
.tn-empty{color:var(--ink-2)}
.tn-notice{padding:.85em 1.1em;border:1px solid var(--line);border-inline-start:4px solid var(--red);background:var(--soft);border-radius:var(--r-sm);font-size:.95rem;color:var(--ink-2)}
.tn-badge{display:inline-block;padding:.1em .5em;border:1px solid var(--line-2);border-radius:8px;font-size:.6em;font-weight:750;vertical-align:middle;color:var(--ink-2)}

/* ---------- hero ---------- */
.tn-hero{padding-block:clamp(40px,6vw,88px) clamp(40px,6vw,88px);background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);border-block-end:1px solid var(--line)}
.tn-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.tn-hero h1{max-inline-size:17ch;margin-block-end:.4em}
.tn-hero .tn-lead{margin-block-end:0;max-inline-size:44ch}

/* ---------- chips, strip ---------- */
.tn-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-block:1em}
.tn-chips li{padding:.3em .85em;border:1px solid var(--line);border-radius:var(--r-pill);font-size:.86rem;font-weight:650;background:#fff;color:var(--ink-2)}
.tn-strip{padding-block:22px;border-block-end:1px solid var(--line);background:#fff}
.tn-strip .tn-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.tn-strip-label{margin:0;font-size:.9rem;font-weight:750;color:var(--ink-3)}
.tn-chips-plain{margin:0}

/* ---------- grids, cards ---------- */
.tn-grid{display:grid;gap:16px}
.tn-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.tn-grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))}
.tn-card{display:flex;flex-direction:column;gap:.45em;padding:clamp(20px,2.4vw,26px);border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}
.tn-card:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:var(--shadow)}
.tn-card-plain:hover{border-color:var(--line);transform:none;box-shadow:none}
.tn-card h3{margin:0}
.tn-card p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.55}
.tn-card .tn-chips{margin-block:.7em}
.tn-card-icon{display:grid;place-items:center;inline-size:42px;block-size:42px;margin-block-end:.7em;border-radius:13px;background:var(--tint);color:var(--red-dark)}
.tn-card-icon svg{inline-size:22px;block-size:22px}
.tn-more{display:inline-flex;align-items:center;gap:.5em;margin-block-start:auto;padding-block-start:.9em;font-weight:750;font-size:.92rem;color:var(--ink)}
.tn-more:hover{color:var(--red-dark)}
.tn-card time{font-size:.82rem;color:var(--ink-3)}
.tn-group{margin-block-end:48px}.tn-group .tn-h3{margin-block-end:1em}

/* ---------- steps, lists ---------- */
.tn-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px}
.tn-steps li{counter-increment:s;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.tn-steps li::before{content:counter(s);display:grid;place-items:center;inline-size:34px;block-size:34px;margin-block-end:.9em;border-radius:50%;background:var(--ink);color:#fff;font-size:.9rem;font-weight:800}
.tn-steps h3{margin-block-end:.3em}
.tn-steps p{margin:0;color:var(--ink-2);font-size:.96rem}
.tn-split .tn-steps{grid-template-columns:1fr}
.tn-list{list-style:none;display:grid;gap:.75em}
.tn-list li{display:flex;gap:.7em;align-items:flex-start}
.tn-list .tn-icon{color:var(--red);margin-block-start:.2em}
.tn-aside{padding:clamp(20px,2.4vw,28px);border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.tn-aside .tn-h3{margin-block-end:.8em}

/* ---------- split layout, FAQ ---------- */
.tn-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
.tn-split-form{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.tn-faq{display:grid;gap:10px}
.tn-faq-item{border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s}
.tn-faq-item[open]{border-color:var(--line-2)}
.tn-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:1.05em 1.3em;cursor:pointer;list-style:none;font-weight:700}
.tn-faq-item summary::-webkit-details-marker{display:none}
.tn-faq-item summary .tn-icon{color:var(--red);transition:transform .25s}
.tn-faq-item[open] summary .tn-icon{transform:rotate(180deg)}
.tn-faq-answer{padding:0 1.3em 1.2em;color:var(--ink-2)}
.tn-faq-answer p:last-child{margin:0}

/* ---------- CTA ---------- */
.tn-cta{inline-size:calc(100% - 2 * var(--gutter));max-inline-size:calc(var(--wrap) - 2 * var(--gutter));margin-inline:auto;margin-block:clamp(40px,6vw,72px);padding-block:clamp(40px,6vw,72px);border-radius:var(--r-lg);background:var(--tint)}
.tn-cta .tn-wrap{max-inline-size:none;padding-inline:clamp(22px,5vw,64px)}
.tn-cta h2{margin-block-end:.4em;max-inline-size:20ch}
.tn-cta p{color:var(--ink-2);max-inline-size:56ch}
.tn-cta .tn-btn-primary{background:var(--ink);border-color:var(--ink);box-shadow:none}
.tn-cta .tn-btn-primary:hover{background:var(--red);border-color:var(--red)}

/* ---------- page head ---------- */
.tn-page-head{padding-block:clamp(40px,6vw,76px) clamp(28px,4vw,44px);background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);border-block-end:1px solid var(--line)}
.tn-page-head h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.tn-crumbs{display:flex;flex-wrap:wrap;gap:.5em;margin-block-end:1.4em;font-size:.88rem;color:var(--ink-3)}
.tn-crumbs a:hover{color:var(--ink);text-decoration:underline}

/* ---------- forms ---------- */
.tn-formbox{padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.tn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tn-field{display:flex;flex-direction:column;gap:6px}
.tn-field-full{grid-column:1/-1}
.tn-field label,.tn-field legend{font-size:.88rem;font-weight:700}
.tn-req{color:var(--red)}
.tn-field input[type=text],.tn-field input[type=email],.tn-field input[type=tel],.tn-field input[type=url],.tn-field select,.tn-field textarea,.tn-search input{inline-size:100%;padding:.8em .95em;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:#fff;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}
.tn-field input:focus,.tn-field select:focus,.tn-field textarea:focus,.tn-search input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(235,33,39,.14)}
.tn-field textarea{resize:vertical;min-block-size:110px}
.tn-field fieldset{margin:0;padding:0;border:0}
.tn-checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-block-start:.4em}
.tn-check{display:flex;gap:.6em;align-items:flex-start;font-weight:550;font-size:.95rem;cursor:pointer}
.tn-check input{inline-size:1.15em;block-size:1.15em;margin-block-start:.2em;accent-color:var(--red)}
.tn-field.is-invalid input,.tn-field.is-invalid select,.tn-field.is-invalid textarea{border-color:var(--red);box-shadow:0 0 0 4px rgba(235,33,39,.12)}
.tn-field.is-invalid legend,.tn-field.is-invalid label{color:var(--red-dark)}
.tn-form-hp{position:absolute;inset-inline-start:-9999px;opacity:0;block-size:0;overflow:hidden}
.tn-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-block-start:22px}
.tn-form-note{margin:0;font-size:.85rem;color:var(--ink-3)}
.tn-form-status{margin-block-start:14px;font-weight:650}
.tn-form-status:not(:empty){padding:.85em 1.1em;border-radius:var(--r-sm);background:var(--soft-2)}
.tn-form-status.is-success{background:#E3F6EE;color:#0b6b43}
.tn-form-status.is-error{background:#FDE8E9;color:#a1161b}
.tn-form.is-sending{opacity:.7;pointer-events:none}
.tn-form.is-sent .tn-form-grid,.tn-form.is-sent .tn-form-actions{display:none}
.tn-contact-list{list-style:none;display:grid;gap:14px;margin-block:1.6em}
.tn-contact-list li{display:grid;gap:2px}
.tn-contact-list span{font-size:.8rem;font-weight:750;color:var(--ink-3)}
.tn-contact-list address{font-style:normal}
.tn-social{display:flex;gap:8px;flex-wrap:wrap}
.tn-social a{display:grid;place-items:center;inline-size:40px;block-size:40px;border:1.5px solid var(--line-2);border-radius:50%;transition:background .2s,color .2s}
.tn-social a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- search, results, pagination ---------- */
.tn-search{display:flex;gap:10px;margin-block-end:1.6em}
.tn-results{list-style:none;display:grid;gap:14px}
.tn-results li{padding-block:14px;border-block-end:1px solid var(--line)}
.tn-results a{font-weight:750;font-size:1.1rem}
.tn-pagination{margin-block-start:2em}
.tn-pagination .page-numbers{display:inline-grid;place-items:center;min-inline-size:40px;block-size:40px;padding-inline:12px;margin-inline-end:6px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);font-weight:650}
.tn-pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.tn-figure img{border-radius:var(--r);margin-block-end:1.6em}

/* ---------- footer: a rounded dark panel ---------- */
.tn-footer{padding:0 var(--gutter) var(--gutter)}
.tn-footer .tn-wrap{max-inline-size:calc(var(--wrap) - 2*var(--gutter));padding:clamp(28px,5vw,56px);border-radius:var(--r-lg);background:var(--ink);color:rgba(255,255,255,.8)}
.tn-footer a:hover{color:#fff;text-decoration:underline}
.tn-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,5vw,64px)}
.tn-footer-brand .tn-logo img{block-size:28px}
.tn-footer-brand p{margin-block:1em;max-inline-size:36ch;font-size:.95rem}
.tn-footer .tn-social a{border-color:rgba(255,255,255,.28)}
.tn-footer .tn-social a:hover{background:var(--red);border-color:var(--red);text-decoration:none}
.tn-footer-menu{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px}
.tn-footer-menu>li>a{font-weight:750;color:#fff}
.tn-footer-menu>li:not(.menu-item-has-children)>a{display:inline-block}
.tn-footer-menu .sub-menu{list-style:none;display:grid;gap:.55em;margin-block-start:.8em;font-size:.92rem}
.tn-footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-block-start:clamp(28px,4vw,44px);padding-block-start:18px;border-block-start:1px solid rgba(255,255,255,.16);font-size:.86rem}
.tn-footer-base p{margin:0}
.tn-footer .tn-portal-link{color:rgba(255,255,255,.8)}

/* ---------- responsive ---------- */
@media (max-width:1140px){
	.tn-nav-toggle{display:grid}
	.tn-nav{position:fixed;inset-inline:0;inset-block-start:var(--head-h);inset-block-end:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;padding:18px var(--gutter) 32px;background:#fff;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility 0s .25s}
	.tn-nav-open .tn-nav{opacity:1;visibility:visible;transform:none;transition-delay:0s}
	.tn-nav-open{overflow:hidden}
	.tn-menu{flex-direction:column;align-items:stretch;gap:0;margin-inline:0}
	.tn-menu>li>a{padding:.9em .2em;font-size:1.1rem;border-block-end:1px solid var(--line);border-radius:0}
	.tn-menu>li>a:hover,.tn-menu>li.current-menu-item>a{background:none}
	.tn-menu .menu-item-has-children>a::after{display:none}
	.tn-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px;padding-inline-start:14px;min-inline-size:0}
	.tn-nav-extra{justify-content:space-between;flex-wrap:wrap}
	.tn-lang ul{inset-inline-start:0;inset-inline-end:auto}
	.tn-header-tools{margin-inline-start:auto}
	.tn-header-tools .tn-btn{padding:.6em 1em}
}
/* Header fitting: the script switches to the hamburger layout when the bar does not fit (long labels in some languages). */
.tn-compact .tn-nav-toggle{display:grid}
.tn-compact .tn-nav{position:fixed;inset-inline:0;inset-block-start:var(--head-h);inset-block-end:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;padding:18px var(--gutter) 32px;background:#fff;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility 0s .25s}
.tn-compact.tn-nav-open .tn-nav{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tn-compact.tn-nav-open{overflow:hidden}
.tn-compact .tn-menu{flex-direction:column;align-items:stretch;gap:0;margin-inline:0}
.tn-compact .tn-menu>li>a{padding:.9em .2em;font-size:1.1rem;border-block-end:1px solid var(--line);border-radius:0}
.tn-compact .tn-menu>li>a:hover,.tn-compact .tn-menu>li.current-menu-item>a{background:none}
.tn-compact .tn-menu .menu-item-has-children>a::after{display:none}
.tn-compact .tn-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px;padding-inline-start:14px;min-inline-size:0}
.tn-compact .tn-nav-extra{justify-content:space-between;flex-wrap:wrap}
.tn-compact .tn-lang ul{inset-inline-start:0;inset-inline-end:auto}
.tn-compact .tn-header-tools{margin-inline-start:auto}
.tn-compact .tn-header-tools .tn-btn{padding:.6em 1em}
.tn-tight .tn-nav-extra .tn-portal-link{display:none}
.tn-tight .tn-menu>li>a{padding-inline:.7em}
.tn-compact .tn-nav-extra .tn-portal-link{display:inline-flex}
.tn-compact .tn-menu>li>a{padding-inline:.2em}
.tn-header-tools{flex:none}
.tn-header-tools .tn-btn{white-space:nowrap;flex:none}
.tn-nav-extra{flex:none}

@media (max-width:960px){
	.tn-split,.tn-split-form,.tn-footer-grid,.tn-hero-grid{grid-template-columns:1fr}
	.tn-hero h1{max-inline-size:none}
}
@media (max-width:640px){
	body{font-size:1rem}
	.tn-form-grid{grid-template-columns:1fr}
	.tn-tile{padding:14px}
	.tn-tile-1{min-block-size:200px}
}


/* ==========================================================================
   Pictures: flat illustrations (inc/art.php). One set for every language and direction (no text inside).
   ========================================================================== */
.tn-art{position:relative;overflow:hidden;border-radius:calc(var(--r) - 6px);aspect-ratio:400/260;background:var(--tone,var(--tint))}
.tn-tone-rose{--tone:#FDECEC}.tn-tone-sky{--tone:#E8EEFF}.tn-tone-sand{--tone:#FFF1DC}.tn-tone-mint{--tone:#E1F4EC}
.tn-art-svg,.tn-stage-svg{inline-size:100%;block-size:100%;display:block}
.tn-art-svg .r,.tn-stage-svg .r{fill:var(--red)}
.tn-art-svg .k,.tn-stage-svg .k{fill:var(--ink)}
.tn-art-svg .w,.tn-stage-svg .w{fill:#fff}
.tn-art-svg .t,.tn-stage-svg .t{fill:var(--tint)}
.tn-art-svg .s,.tn-stage-svg .s{fill:var(--soft-2)}
.tn-art-svg .m,.tn-stage-svg .m{fill:var(--line-2)}
.tn-art-svg .card,.tn-stage-svg .card{filter:drop-shadow(0 12px 18px rgba(16,17,20,.13))}
.tn-art-svg>*{transform-origin:center}
.tn-art-icon{display:grid;place-items:center}
.tn-art-icon .tn-card-icon{inline-size:92px;block-size:92px;border-radius:28px;background:#fff;color:var(--red);box-shadow:0 16px 28px -14px rgba(16,17,20,.35);margin:0}
.tn-art-icon .tn-card-icon svg{inline-size:42px;block-size:42px}
.tn-art-icon i{position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}
.tn-art-icon .d1{inline-size:170px;block-size:170px;inset-inline-start:-40px;inset-block-end:-70px}
.tn-art-icon .d2{inline-size:90px;block-size:90px;inset-inline-end:30px;inset-block-start:-30px}

.tn-stage{position:relative;inline-size:100%;max-inline-size:580px;margin-inline:auto}
.tn-stage-svg{overflow:visible}
.tn-stage-svg .fl1,.tn-stage-svg .fl2,.tn-stage-svg .fl3{transform-box:fill-box;transform-origin:center;animation:tnfloat 7s ease-in-out infinite}
.tn-stage-svg .fl2{animation-duration:8.5s;animation-delay:-3s}
.tn-stage-svg .fl3{animation-duration:9.5s;animation-delay:-5s}
@keyframes tnfloat{50%{transform:translateY(-9px)}}

/* cards with a picture */
.tn-card{position:relative}
.tn-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.tn-card-media{padding:10px;gap:0;border-color:transparent;background:#fff;box-shadow:0 0 0 1px var(--line)}
.tn-card-media .tn-art{transition:transform .5s var(--ease)}
.tn-card-media:hover .tn-art{transform:scale(1.015)}
.tn-card-media:hover{box-shadow:0 0 0 1px var(--line-2),var(--shadow)}
.tn-card-body{position:relative;display:flex;flex-direction:column;gap:.35em;padding:18px 12px 10px;padding-inline-end:58px;min-block-size:96px}
.tn-card-body h3{margin:0}
.tn-card p,.tn-why-item p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tn-go{position:absolute;inset-inline-end:10px;inset-block-end:12px;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:50%;border:1.5px solid var(--line-2);transition:background .2s,color .2s,border-color .2s}
.tn-card:hover .tn-go{background:var(--ink);border-color:var(--ink);color:#fff}
.tn-card-service{padding:26px 26px 72px;min-block-size:210px;box-shadow:0 0 0 1px var(--line);border-color:transparent}
.tn-card-service .tn-go{inset-inline-end:20px;inset-block-end:20px}
.tn-card-service:hover{box-shadow:0 0 0 1px var(--line-2),var(--shadow)}
.tn-card-icon{inline-size:46px;block-size:46px;border-radius:15px}
.tn-grid-3 .tn-card-service:nth-child(3n+1) .tn-card-icon{background:var(--tint);color:var(--red-dark)}
.tn-grid-3 .tn-card-service:nth-child(3n+2) .tn-card-icon{background:#E8EEFF;color:#2D4DB8}
.tn-grid-3 .tn-card-service:nth-child(3n) .tn-card-icon{background:#E1F4EC;color:#1B7A56}

/* why: light icon list */
.tn-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:36px 40px}
.tn-why-item h3{margin:.2em 0 .3em}
.tn-why-item p{margin:0;color:var(--ink-2);font-size:.97rem;line-height:1.55}
.tn-why-item:nth-child(3n+1) .tn-card-icon{background:var(--tint);color:var(--red-dark)}
.tn-why-item:nth-child(3n+2) .tn-card-icon{background:#E8EEFF;color:#2D4DB8}
.tn-why-item:nth-child(3n) .tn-card-icon{background:#E1F4EC;color:#1B7A56}

/* steps: quiet numbered row */
.tn-steps li{padding:0;border:0;background:none;border-radius:0;padding-block-start:18px;border-block-start:1.5px solid var(--line-2)}
.tn-steps li::before{inline-size:30px;block-size:30px;font-size:.82rem;background:var(--red);margin-block-end:.8em}
.tn-steps p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tn-split .tn-steps{grid-template-columns:1fr;gap:6px}
.tn-split .tn-steps li{padding-block-end:14px}

/* page head with a picture */
.tn-page-head-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,64px);align-items:center}
.tn-art-head{max-inline-size:440px;justify-self:end;inline-size:100%;border-radius:var(--r-lg)}
.tn-page-head.has-art{padding-block-end:clamp(36px,5vw,64px)}

/* CTA with a picture */
.tn-cta .tn-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center}
.tn-cta-art .tn-art{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);max-inline-size:360px;margin-inline-start:auto}

/* FAQ in the home page: compact */
.tn-faq-item summary{font-weight:650}

@media (max-width:960px){
	.tn-page-head-grid,.tn-cta .tn-wrap{grid-template-columns:1fr}
	.tn-art-head,.tn-cta-art .tn-art{justify-self:start;margin-inline-start:0;max-inline-size:360px}
	.tn-stage{max-inline-size:440px}
}

.tn-card-plain:nth-child(3n+1) .tn-card-icon{background:var(--tint);color:var(--red-dark)}
.tn-card-plain:nth-child(3n+2) .tn-card-icon{background:#E8EEFF;color:#2D4DB8}
.tn-card-plain:nth-child(3n) .tn-card-icon{background:#E1F4EC;color:#1B7A56}
.tn-card-plain{padding:26px;box-shadow:0 0 0 1px var(--line);border-color:transparent}

/* ==========================================================================
   Platform colours: each platform page and card wears that platform's own colours
   (colours only, never logos). --pc main, --pd darker (text on tint), --pt tint, --pk dark.
   ========================================================================== */
.tn-p-youtube{--pc:#FF0000;--pd:#C40000;--pt:#FDECEC;--pk:#0F0F0F}
.tn-p-facebook{--pc:#1877F2;--pd:#0F5BC8;--pt:#E7F0FE;--pk:#0A2A5E}
.tn-p-amazon{--pc:#00A8E1;--pd:#0079A1;--pt:#E3F5FC;--pk:#0F171E}
.tn-p-music{--pc:#1DB954;--pd:#12803A;--pt:#E3F6EA;--pk:#121212}
.tn-art.tn-p-youtube,.tn-art.tn-p-facebook,.tn-art.tn-p-amazon,.tn-art.tn-p-music{background:var(--pt)}
.tn-art-svg .r{fill:var(--pc,var(--red))}
.tn-art-svg .k{fill:var(--pk,var(--ink))}
.tn-art-svg .t{fill:var(--pt,var(--tint))}
.tn-p-youtube .tn-card:hover .tn-go,.tn-p-facebook .tn-card:hover .tn-go,.tn-p-amazon .tn-card:hover .tn-go,.tn-p-music .tn-card:hover .tn-go,
.tn-card.tn-p-youtube:hover .tn-go,.tn-card.tn-p-facebook:hover .tn-go,.tn-card.tn-p-amazon:hover .tn-go,.tn-card.tn-p-music:hover .tn-go{background:var(--pc);border-color:var(--pc);color:#fff}
/* inside a platform page */
[class*="tn-p-"] .tn-eyebrow{background:var(--pt);color:var(--pd)}
[class*="tn-p-"] .tn-list .tn-icon{color:var(--pd)}
[class*="tn-p-"] .tn-steps li::before{background:var(--pk)}
[class*="tn-p-"] .tn-card-plain .tn-card-icon{background:var(--pt)!important;color:var(--pd)!important}
.tn-card-media[class*="tn-p-"] .tn-card-icon{background:var(--pt)}
.tn-page-head[class*="tn-p-"]{background:linear-gradient(180deg,#fff 0%,var(--pt) 260%)}
.tn-page-head[class*="tn-p-"] .tn-art-head{box-shadow:0 20px 40px -26px var(--pc)}

/* brand dots in the "platforms we work with" strip */
.tn-strip .tn-chips li[data-b]{display:inline-flex;align-items:center;gap:.5em}
.tn-strip .tn-chips li[data-b]::before{content:"";inline-size:.55em;block-size:.55em;border-radius:50%;background:var(--bc,var(--ink-3))}
[data-b=youtube]{--bc:#FF0000}[data-b=ytmusic]{--bc:#FF0033}[data-b=facebook]{--bc:#1877F2}[data-b=amazon]{--bc:#00A8E1}[data-b=amusic]{--bc:#25D1DA}[data-b=spotify]{--bc:#1DB954}[data-b=apple]{--bc:#FA2D48}[data-b=deezer]{--bc:#A238FF}

/* Platform cards borrow the card language of their own platform (home and platforms list). */
/* YouTube: video thumbnail with a progress bar, no frame */
.tn-card-media.tn-p-youtube{padding:0;background:transparent;box-shadow:none;border-radius:0}
.tn-card-media.tn-p-youtube:hover{box-shadow:none}
.tn-card-media.tn-p-youtube .tn-art{border-radius:14px;aspect-ratio:16/9;background:#0F0F0F;transition:border-radius .25s}
.tn-card-media.tn-p-youtube:hover .tn-art{transform:none;border-radius:4px}
.tn-card-media.tn-p-youtube .tn-art::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:4px;background:linear-gradient(to right,#FF0000 38%,rgba(255,255,255,.3) 38%)}
[dir="rtl"] .tn-card-media.tn-p-youtube .tn-art::after{background:linear-gradient(to left,#FF0000 38%,rgba(255,255,255,.3) 38%)}
.tn-card-media.tn-p-youtube .tn-card-body{padding:12px 4px 0;padding-inline-end:48px}
.tn-card-media.tn-p-youtube h3{font-size:1.05rem;font-weight:700}
.tn-card-media.tn-p-youtube .tn-go{inset-block-end:auto;inset-block-start:10px;inset-inline-end:0;inline-size:32px;block-size:32px;border:0;background:#F2F2F2}
.tn-card-media.tn-p-youtube:hover .tn-go{background:#FF0000;color:#fff}
/* Facebook: feed post with a blue cover */
.tn-card-media.tn-p-facebook{padding:0;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.16);overflow:hidden}
.tn-card-media.tn-p-facebook:hover{box-shadow:0 6px 18px -8px rgba(24,119,242,.45)}
.tn-card-media.tn-p-facebook .tn-art{border-radius:0;aspect-ratio:2.2/1;background:linear-gradient(135deg,#1877F2,#0A2A5E)}
.tn-card-media.tn-p-facebook .tn-card-body{padding:14px 16px 16px;padding-inline-end:60px}
.tn-card-media.tn-p-facebook .tn-go{border:0;background:#E7F0FE;color:#1877F2;border-radius:8px;inset-inline-end:14px}
.tn-card-media.tn-p-facebook:hover .tn-go{background:#1877F2;color:#fff}
/* Amazon Prime: dark poster tile with the Prime blue */
.tn-card-media.tn-p-amazon{padding:0;border-radius:12px;background:#19222D;box-shadow:none;overflow:hidden;color:#fff;transition:transform .3s var(--ease),box-shadow .3s}
.tn-card-media.tn-p-amazon:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #1A98FF,0 18px 36px -18px rgba(0,168,225,.55)}
.tn-card-media.tn-p-amazon .tn-art{border-radius:0;aspect-ratio:16/9;background:linear-gradient(135deg,#0F171E,#1B2A3A)}
.tn-card-media.tn-p-amazon:hover .tn-art{transform:none}
.tn-card-media.tn-p-amazon .tn-card-body{padding:14px 16px 16px;padding-inline-end:60px;min-block-size:0;gap:.35em}
.tn-card-media.tn-p-amazon h3{color:#fff}
.tn-card-media.tn-p-amazon p{color:#9FB0C0}
.tn-card-media.tn-p-amazon .tn-badge{background:#2A3846;color:#9FB0C0}
.tn-card-media.tn-p-amazon .tn-go{border:0;background:#00A8E1;color:#fff;inset-inline-end:14px}
.tn-card-media.tn-p-amazon:hover .tn-go{background:#1A98FF;color:#fff}
/* Music: dark album tile with a play button */
.tn-card-media.tn-p-music{padding:14px;border-radius:10px;background:#181818;box-shadow:none;color:#fff}
.tn-card-media.tn-p-music:hover{background:#282828;box-shadow:none}
.tn-card-media.tn-p-music .tn-art{border-radius:6px;aspect-ratio:1.4/1;background:#1DB954;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.tn-card-media.tn-p-music .tn-card-body{padding:14px 2px 0;padding-inline-end:2px;min-block-size:84px}
.tn-card-media.tn-p-music h3{color:#fff}
.tn-card-media.tn-p-music p{color:#B3B3B3}
.tn-card-media.tn-p-music .tn-go{inset-block-end:auto;inset-block-start:-30px;inset-inline-end:8px;inline-size:44px;block-size:44px;border:0;background:#1DB954;color:#000;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s,background .2s;box-shadow:0 8px 16px rgba(0,0,0,.4)}
.tn-card-media.tn-p-music:hover .tn-go,.tn-card-media.tn-p-music:focus-within .tn-go{opacity:1;transform:none;background:#1ED760;color:#000}
.tn-card-media.tn-p-music .tn-badge{background:#2a2a2a;color:#B3B3B3}
@media (hover:none){.tn-card-media.tn-p-music .tn-go{opacity:1;transform:none}}

/* Armenian words are long: a smaller headline and break-safe wrapping so they never split mid-word on narrow columns. */
:lang(hy) h1,:lang(hy) .tn-hero h1{font-size:clamp(1.9rem,3.7vw,3.1rem);overflow-wrap:break-word;hyphens:manual}
:lang(hy) .tn-hero h1{max-inline-size:26ch}

@media (max-width:640px){:root{--head-h:72px}.tn-logo img{block-size:40px}}

/* The logo's wordmark sits in its lower part (centre at ~80% of the height). The menu, the language switcher and the Join button
   are lowered so they sit on the wordmark's line instead of floating at the mark's top. Hamburger layout stays centred. */
.tn-nav,.tn-header-tools{position:relative;inset-block-start:calc(var(--logo-h) * var(--logo-mid))}
.tn-compact .tn-header-tools{inset-block-start:0}
@media (max-width:640px){.tn-header-bar{--logo-h:40px}}