.tfx{--ink:#0a0f1c;--ink2:#121a2e;--pump:#ff7a1a;--ghost:#46d6e6;--bone:#eaf1f5;--mut:#9fb0c0;--line:#ffffff1f;font-family:"DM Sans","Segoe UI",Arial,sans-serif;background:var(--ink);color:var(--bone);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}
.tfx *,.tfx *::before,.tfx *::after{box-sizing:border-box}
.tfx h1,.tfx h2,.tfx h3,.tfx p,.tfx ul,.tfx table{margin:0;padding:0}
.tfx a{text-decoration:none;color:inherit}.tfx ul{list-style:none}.tfx img,.tfx svg{display:block;max-width:100%;height:auto}
.tfx .wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.tfx h1,.tfx h2,.tfx h3.d{font-family:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.tfx h1{font-size:clamp(54px,8vw,112px)}.tfx h2{font-size:clamp(36px,4.6vw,64px);margin-bottom:12px}
.tfx .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:15px;padding:14px 26px;transition:.2s;cursor:pointer}
.tfx .btn-hot{background:var(--pump);color:#1a0b00;box-shadow:0 0 0 0 #ff7a1a00}.tfx .btn-hot:hover{box-shadow:0 0 28px #ff7a1a88;transform:translateY(-2px)}
.tfx .btn-ghost{box-shadow:inset 0 0 0 2px #ffffff40;color:var(--bone)}.tfx .btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--ghost);color:var(--ghost)}
.tfx a:focus-visible,.tfx .btn:focus-visible{outline:3px solid var(--ghost);outline-offset:3px}
.tfx .annc{background:var(--pump);color:#1a0b00;text-align:center;padding:9px 16px;font-size:14px;font-weight:700}
.tfx .hero{position:relative;padding:64px 0 90px;background:radial-gradient(60% 70% at 78% 40%,#1b2a4d 0%,#0a0f1c 70%)}
.tfx .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.tfx .hero h1 span{display:block}.tfx .hero h1 .o{color:var(--pump);text-shadow:0 0 40px #ff7a1a66}
.tfx .hero p.lead{font-size:19px;color:var(--mut);max-width:520px;margin:22px 0 28px}
.tfx .cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.tfx .cd{display:flex;gap:10px;align-items:stretch}.tfx .cd div{background:#ffffff0d;border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:72px;text-align:center}
.tfx .cd b{display:block;font:900 34px/1 "Big Shoulders Display",Impact,sans-serif;color:var(--ghost)}.tfx .cd small{font-size:12px;color:var(--mut)}
.tfx .cdl{font-size:14px;color:var(--mut);margin-bottom:10px}
.tfx .art svg{width:100%;filter:drop-shadow(0 30px 60px #000a)}
.tfx .glow{animation:fl 3.2s ease-in-out infinite}@keyframes fl{0%,100%{opacity:1}45%{opacity:.78}50%{opacity:1}55%{opacity:.6}}
.tfx .tick{background:var(--ink2);border-block:1px solid var(--line);overflow:hidden;white-space:nowrap}
.tfx .tick div{display:inline-block;padding:14px 0;animation:mq 34s linear infinite;font:800 22px "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.tfx .tick span{margin:0 26px}.tfx .tick span:nth-child(even){color:var(--pump)}@keyframes mq{to{transform:translateX(-50%)}}
.tfx .sec{padding:84px 0 20px}.tfx .sec p.sub{color:var(--mut);max-width:560px}
.tfx .head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.tfx .head>a{font-weight:700;color:var(--ghost);border-bottom:2px solid var(--ghost)}
.tfx .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tfx .tile{position:relative;background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:22px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;transition:.25s}
.tfx .tile:hover{border-color:var(--pump);transform:translateY(-5px)}
.tfx .tile img{width:100%;height:170px;object-fit:contain;background:#fff;border-radius:10px;padding:10px;margin-bottom:16px}
.tfx .tile .up{color:var(--pump);font-weight:700;font-size:14px}.tfx .tile h3{font:800 28px/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin:6px 0}.tfx .tile p{color:var(--mut);font-size:14px}
.tfx .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tfx .pc{background:var(--ink2);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.tfx .pc:hover{border-color:var(--ghost);box-shadow:0 0 30px #46d6e622}
.tfx .pi{position:relative;display:block;background:#fff;padding:18px}.tfx .pi img{width:100%;aspect-ratio:1;object-fit:contain}
.tfx .off{position:absolute;top:12px;left:12px;background:var(--pump);color:#1a0b00;font:900 22px/1 "Big Shoulders Display",Impact,sans-serif;padding:6px 10px;border-radius:6px;transform:rotate(-4deg)}
.tfx .cond{position:absolute;top:14px;right:12px;background:#0a0f1ccc;color:var(--bone);font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.tfx .pb{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.tfx .pb small{color:var(--mut)}
.tfx .pb h3{font-size:19px;line-height:1.25;font-weight:700}.tfx .pb h3 a:hover{color:var(--ghost)}
.tfx .chips{display:flex;flex-wrap:wrap;gap:6px}.tfx .chips li{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:2px 10px;color:var(--mut)}
.tfx .pr{display:flex;align-items:baseline;gap:10px;margin:6px 0 4px}.tfx .pr b{font:900 36px/1 "Big Shoulders Display",Impact,sans-serif;color:var(--pump)}.tfx .pr s{color:var(--mut)}
.tfx .pb .btn{margin-top:auto}
.tfx .brands{display:flex;flex-wrap:wrap;gap:12px 38px;align-items:center;padding:34px 0;border-block:1px solid var(--line);margin-top:70px}
.tfx .brands p{color:var(--mut);font-size:14px;margin-right:10px}.tfx .brands b{font:800 28px "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#ffffffcc}
.tfx .why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.tfx .why div{border-left:3px solid var(--pump);padding:4px 0 4px 20px}.tfx .why h3{font-size:22px;margin-bottom:6px}.tfx .why p{color:var(--mut)}
.tfx .two{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}
.tfx .tbl{width:100%;border-collapse:collapse;background:var(--ink2);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.tfx .tbl th{text-align:left;padding:14px 18px;background:#ffffff0f;font-size:14px;color:var(--mut)}.tfx .tbl td{padding:15px 18px;border-top:1px solid var(--line)}.tfx .tbl td:nth-child(2){font-weight:700;color:var(--ghost)}
.tfx .cc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.tfx .cc div{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:22px}.tfx .cc h3{font-size:20px;color:var(--ghost);margin-bottom:6px}.tfx .cc p{color:var(--mut);font-size:15px}
.tfx .help{padding:70px 0 90px}.tfx .box{border-radius:18px;background:linear-gradient(110deg,#ff7a1a,#c2410c);color:#1a0b00;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.tfx .box h2{margin:0 0 6px}.tfx .box .btn{background:var(--ink);color:var(--bone)}
@media(max-width:1000px){.tfx .hero .wrap,.tfx .two{grid-template-columns:1fr}.tfx .tiles,.tfx .grid{grid-template-columns:repeat(2,1fr)}.tfx .why,.tfx .cc{grid-template-columns:1fr}}
@media(max-width:560px){.tfx .wrap{padding:0 18px}.tfx .tiles,.tfx .grid{grid-template-columns:1fr}.tfx .box{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.tfx .glow,.tfx .tick div{animation:none}}
.tfx .hdr{background:var(--ink);border-bottom:1px solid var(--line)}
.tfx .hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.tfx .brand{display:flex;align-items:center;gap:12px}.tfx .brand svg{width:34px;height:34px;flex:none}.tfx .brand span{display:flex;flex-direction:column;line-height:1.1}
.tfx .brand b{font:900 28px "Big Shoulders Display",Impact,sans-serif;letter-spacing:.06em}.tfx .brand small{font-size:12px;color:var(--mut)}
.tfx .nav{display:flex;gap:4px;flex-wrap:wrap}.tfx .nav a{padding:8px 14px;border-radius:8px;font-weight:600;font-size:15px}.tfx .nav a:hover{color:var(--ghost);background:#ffffff0d}
.tfx .pagehero{padding:80px 28px;text-align:center;background:radial-gradient(60% 120% at 50% 0,#1b2a4d,#0a0f1c 70%);border-bottom:1px solid var(--line)}
.tfx .pagehero h1{font-size:clamp(46px,6vw,88px)}.tfx .pagehero .eyebrow{display:block;color:var(--pump);font-weight:700;margin-bottom:10px}
.tfx .doc{max-width:850px;margin:60px auto 90px;padding:0 28px}.tfx .doc p,.tfx .doc li{color:#c4d1dc;margin:0 0 14px}
.tfx .doc ul,.tfx .doc ol{padding-left:22px;margin-bottom:14px}.tfx .doc ul li{list-style:disc}.tfx .doc ol li{list-style:decimal}
.tfx .doc h2{font-size:40px;margin:40px 0 10px}.tfx .doc a{color:var(--ghost);text-decoration:underline}.tfx .doc a.btn{text-decoration:none}
.tfx .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.tfx .card{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:24px}
.tfx .card b{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#ff7a1a1f;color:var(--pump);margin-bottom:14px}.tfx .card b svg{width:22px;height:22px}
.tfx .card h3{font:800 26px/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin:0 0 8px}.tfx .card p{margin:0;font-size:15px}
.tfx .note{background:#ff7a1a14;border-left:3px solid var(--pump);border-radius:8px;padding:16px 18px;font-size:14px;color:var(--bone)!important}
.tfx details{border:1px solid var(--line);border-radius:12px;padding:0 20px;margin:0 0 12px;background:var(--ink2)}
.tfx summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.tfx summary::-webkit-details-marker{display:none}.tfx summary::after{content:"+";color:var(--pump);font-size:24px;line-height:1}.tfx details[open] summary::after{content:"\2013"}
.tfx details p{margin:0 0 18px}
.tfx .ftr{background:#06090f;border-top:1px solid var(--line);padding:64px 0 22px;font-size:14px;color:var(--mut)}
.tfx .ftr .grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:35px;padding-bottom:45px}
.tfx .ftr h3{font-size:14px;color:#fff;margin:0 0 14px}.tfx .ftr li{margin:8px 0}.tfx .ftr a:hover{color:var(--ghost)}.tfx .ftr a,.tfx .ftr li{overflow-wrap:anywhere}
.tfx .ftr .fb{font:900 30px "Big Shoulders Display",Impact,sans-serif;color:#fff;letter-spacing:.06em}
.tfx .ftr .bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}
@media(max-width:1000px){.tfx .cards{grid-template-columns:1fr}.tfx .ftr .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tfx .ftr .grid{grid-template-columns:1fr}}
.tfx .pi,.tfx .tile img{color:#0a0f1c}.tfx .tiles.t3{grid-template-columns:repeat(3,1fr)}.tfx .tile .ph{height:170px;border-radius:10px;background:#0a0f1c;border:1px dashed #ffffff30;display:grid;place-items:center;margin-bottom:16px}.tfx .tile .ph svg{width:56px;height:56px}@media(max-width:1000px){.tfx .tiles.t3{grid-template-columns:1fr}}
.tfx .nav a,.tfx .btn{min-height:44px;display:inline-flex;align-items:center}
.tfx .crumbs{font-size:14px;color:var(--mut);margin-bottom:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tfx .crumbs a{color:var(--ghost)}.tfx .crumbs a:hover{text-decoration:underline}
.tfx .pagehero h1{font-size:clamp(40px,5.2vw,76px);max-width:1100px;margin:0 auto}
.tfx .pagehero p.lead{max-width:760px;margin:18px auto 0;color:var(--mut);font-size:18px}
.tfx .meta{margin-top:16px;font-size:14px;color:var(--mut)}.tfx .meta b{color:var(--bone);font-weight:600}
.tfx .doc h3{font:700 22px/1.3 "DM Sans","Segoe UI",Arial,sans-serif;color:#fff;margin:28px 0 8px;text-transform:none}
.tfx .doc strong{color:#fff}.tfx .doc h2{scroll-margin-top:20px}
.tfx .kt{background:var(--ink2);border:1px solid var(--line);border-left:4px solid var(--ghost);border-radius:12px;padding:22px 24px;margin:0 0 26px}
.tfx .kt h2{font-size:28px!important;margin:0 0 10px!important}.tfx .kt ul{margin:0}.tfx .kt li{margin:0 0 8px!important}
.tfx .toc{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 30px}.tfx .toc b{display:block;margin-bottom:8px;color:#fff}
.tfx .toc ol{margin:0;padding-left:20px}.tfx .toc li{margin:0 0 6px!important}.tfx .toc a{color:var(--bone)!important;text-decoration:none!important;display:inline;line-height:1.6}.tfx .toc li{padding:3px 0}.tfx .toc a:hover{color:var(--ghost)!important}
.tfx .doc .tblw{margin:18px 0 24px}
.tfx .doc table{width:100%;border-collapse:collapse;background:var(--ink2);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line);font-size:15px}
.tfx .doc th{text-align:left;padding:12px 14px;background:#ffffff0f;color:var(--mut);font-size:14px;vertical-align:bottom}
.tfx .doc td{padding:12px 14px;border-top:1px solid var(--line);color:#c4d1dc;vertical-align:top}.tfx .doc td:first-child{color:#fff;font-weight:600}
.tfx .ctab{margin:34px 0;border-radius:16px;background:linear-gradient(110deg,#ff7a1a,#c2410c);color:#1a0b00;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.tfx .ctab p{color:#1a0b00!important;margin:0!important;font-weight:600;max-width:520px}.tfx .ctab b{display:block;font:900 28px/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin-bottom:6px}
.tfx .ctab .btn{background:var(--ink);color:var(--bone)!important;text-decoration:none!important}
.tfx .rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 10px}
.tfx .rel a{display:flex;flex-direction:column;gap:6px;background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none!important;color:var(--bone)!important;transition:.2s;min-height:44px}
.tfx .rel a:hover{border-color:var(--ghost)}.tfx .rel a small{color:var(--pump);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.tfx .rel a span{font-weight:700;line-height:1.3}
.tfx .disc{font-size:13px!important;color:var(--mut)!important;border-top:1px solid var(--line);padding-top:16px;margin-top:30px!important}
.tfx .hub{max-width:1180px;margin:50px auto 90px;padding:0 28px}.tfx .hub h2{font-size:40px;margin:40px 0 14px}
.tfx .hub .rel{grid-template-columns:repeat(4,1fr)}
.tfx .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
.tfx .trust a,.tfx .trust div{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:18px;display:block}.tfx .trust b{display:block;color:#fff;margin-bottom:4px}.tfx .trust span{color:var(--mut);font-size:14px}.tfx .trust a:hover{border-color:var(--pump)}
.tfx .calc{background:var(--ink2);border:1px solid var(--line);border-radius:16px;padding:24px;margin:24px 0 30px}
.tfx .calc h3{margin-top:0!important}.tfx .calc .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.tfx .calc label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut)}
.tfx .calc input,.tfx .calc select{min-height:44px;border-radius:8px;border:1px solid #ffffff33;background:var(--ink);color:var(--bone);padding:8px 12px;font:inherit;width:100%}
.tfx .calc .out{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.tfx .calc .out div{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.tfx .calc .out b{display:block;font:900 34px/1 "Big Shoulders Display",Impact,sans-serif;color:var(--ghost)}.tfx .calc .out small{color:var(--mut);font-size:12px}
.tfx .calc .verdict{margin:14px 0 0!important;color:var(--bone)!important}
.tfx .faqs h2{margin-top:40px}
.tfx .pinfo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.tfx .pinfo div{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.tfx .pinfo b{display:block;color:#fff}.tfx .pinfo span{color:#c4d1dc}
.tfx .ftr .contact li{color:var(--mut)}.tfx .ftr .pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tfx .ftr .pay span{border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px;color:var(--bone)}
.tfx .ftr .grid{grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr}
.tfx .ftr a{display:inline-block;padding:3px 0}
@media(max-width:1000px){.tfx .rel,.tfx .hub .rel,.tfx .trust{grid-template-columns:repeat(2,1fr)}.tfx .calc .row,.tfx .calc .out{grid-template-columns:repeat(2,1fr)}.tfx .ftr .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tfx .rel,.tfx .hub .rel,.tfx .trust,.tfx .pinfo,.tfx .calc .row{grid-template-columns:1fr}.tfx .doc,.tfx .hub{padding:0 18px;margin-top:40px}.tfx .pagehero{padding:56px 18px}.tfx .doc h2{font-size:32px}.tfx .ftr .grid{grid-template-columns:1fr}
.tfx .doc table,.tfx .doc thead,.tfx .doc tbody,.tfx .doc tr,.tfx .doc td{display:block;width:100%}.tfx .doc table{background:none;box-shadow:none}.tfx .doc thead{display:none}
.tfx .doc tr{background:var(--ink2);border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:6px 0}.tfx .doc td{border:0;padding:6px 14px}
.tfx .doc td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.tfx .tbl,.tfx .tbl thead,.tfx .tbl tbody,.tfx .tbl tr,.tfx .tbl td{display:block;width:100%}.tfx .tbl thead{display:none}.tfx .tbl tr{border-top:1px solid var(--line);padding:6px 0}.tfx .tbl td{border:0;padding:4px 18px}
.tfx .tbl td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--mut)}
.tfx .ctab{padding:22px 20px}.tfx .hero{padding:44px 0 60px}.tfx h1{font-size:clamp(44px,13vw,64px)}.tfx .cd div{min-width:0;flex:1;padding:8px 6px}}
/* ---- v1.1: logo header, shop-by-type tiles, empty state ---- */
.tfx .hdr{background:#000}
.tfx .brand{display:block;line-height:0}.tfx .brand img{width:230px;max-width:62vw;height:auto;display:block}
.tfx .fb{display:inline-block;line-height:0}.tfx .fb img{width:200px;height:auto}
.tfx .tile{min-height:0;gap:2px;justify-content:flex-start}
.tfx .tile h3{margin:0 0 6px}
.tfx .tile .up{margin-top:auto;padding-top:18px;color:var(--ghost);font-weight:700;font-size:14px;display:block}
.tfx .tile:hover .up{color:var(--pump)}
.tfx .tile img{margin-bottom:12px}
.tfx .tfsi-empty{background:var(--ink2);border:1px dashed var(--line);border-radius:14px;padding:34px;text-align:center}
.tfx .tfsi-empty p{color:var(--mut);margin-top:8px}.tfx .tfsi-empty a{color:var(--ghost);text-decoration:underline}