/* Tower Rush 2 — tower-rash2.com — "Magma Block" */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/unbounded-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/rubik-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/rubik-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rubik-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rubik-latin-700-normal.woff2) format('woff2')}

:root{
  --bg:#141010;--bg2:#1c1614;--bg3:#241c19;--ink:#f6efe9;--ink2:#cfc3ba;--line:#2d2420;--line2:#4a3a33;
  --hot:#ff6b35;--hot-d:#e2531f;--sun:#ffd166;--ok:#7ddc8a;
  --fd:'Unbounded',sans-serif;--fb:'Rubik',sans-serif;--max:1140px;--pad:clamp(16px,4vw,40px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:17px;line-height:1.65}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
img{height:auto}
input,select,textarea{font-size:16px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.12;text-transform:uppercase;letter-spacing:-.01em}
h1{font-size:clamp(1.7rem,6vw,3.1rem);font-weight:800}
h2{font-size:clamp(1.45rem,4.5vw,2.3rem);font-weight:800}
h3{font-size:1.15rem;font-weight:600;letter-spacing:.02em}
h4{font-size:1rem;font-weight:600;letter-spacing:.04em}
p{color:var(--ink2)}
p+p{margin-top:14px}
strong{color:var(--ink)}
section{padding:56px 0;border-top:3px solid var(--line)}
@media(min-width:768px){section{padding:80px 0}}
.head{display:grid;gap:14px;margin-bottom:30px}
@media(min-width:900px){.head{grid-template-columns:1fr 1fr;align-items:end;gap:40px}}
.kicker{display:inline-block;background:var(--sun);color:#141010;font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;margin-bottom:12px}
.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
.prose{max-width:760px}
.prose h3{margin:26px 0 10px;font-size:1.1rem}
.prose ul,.prose ol{margin:12px 0 0 20px;color:var(--ink2);display:grid;gap:6px}
.prose li::marker{color:var(--sun);font-weight:700}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--hot);background:var(--hot);color:#141010;transition:transform .12s,background .2s,box-shadow .12s;cursor:pointer;font-family:var(--fb);text-align:center}
.btn:hover{background:var(--hot-d);border-color:var(--hot-d);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--sun)}
.btn-o{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-o:hover{background:var(--ink);color:#141010;border-color:var(--ink);box-shadow:4px 4px 0 var(--hot)}
.btn-full{width:100%}
@media(min-width:640px){.btn-full{width:auto}}

/* nav */
.bar{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:3px solid var(--hot)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{font-family:var(--fd);font-weight:800;font-size:1rem;text-transform:uppercase;display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand b{display:inline-grid;grid-template-columns:repeat(2,8px);gap:2px}
.brand b i{display:block;width:8px;height:8px;background:var(--hot)}
.brand b i:nth-child(2){background:var(--sun)}
.links{display:none;gap:2px;list-style:none}
.links a{padding:10px 12px;font-weight:600;text-transform:uppercase;font-size:16px;letter-spacing:.06em;min-height:44px;display:flex;align-items:center;color:var(--ink2)}
.links a:hover{color:var(--sun)}
.burger{width:44px;height:44px;border:2px solid var(--ink);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
@media(min-width:960px){.links{display:flex}.burger{display:none}}
.mnav{display:none;position:fixed;inset:64px 0 0 0;background:var(--bg);z-index:99;padding:16px var(--pad);border-top:3px solid var(--line)}
.mnav.open{display:block}
.mnav ul{list-style:none;display:grid;gap:2px}
.mnav a{display:flex;align-items:center;min-height:52px;padding:0 10px;font-family:var(--fd);font-weight:600;text-transform:uppercase;font-size:1rem;border-bottom:1.5px solid var(--line)}
.mnav .btn{margin-top:18px}

/* hero */
.hero{padding:40px 0 48px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-6%;top:0;width:52%;height:100%;background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 14px);opacity:.6;pointer-events:none}
@media(min-width:900px){.hero{padding:72px 0 80px}}
.hero .wrap{position:relative;z-index:1;display:grid;gap:34px}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center}}
.hero h1 span{color:var(--hot)}
.hero .lead{font-size:clamp(1.05rem,2.2vw,1.25rem);margin:20px 0 28px;max-width:580px;color:var(--ink)}
.cta{display:flex;flex-direction:column;gap:12px}
@media(min-width:640px){.cta{flex-direction:row}}
.rating{display:inline-flex;align-items:center;gap:12px;border:3px solid var(--ink);padding:10px 14px;margin-top:26px}
.rating .stars{display:flex;gap:2px}
.rating .stars svg{width:18px;height:18px;fill:var(--sun);stroke:none}
.rating b{font-family:var(--fd);font-size:1.1rem}
.rating small{font-size:16px;font-weight:600;color:var(--ink2)}
.hero-shot{display:grid;gap:18px}
.phone{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--hot);background:#000;max-width:340px;margin:0 auto;width:100%}
.phone img{width:100%}
.board{border:3px solid var(--ink);background:var(--bg2);padding:14px;display:grid;grid-template-columns:1fr 1fr 1fr}
.board div{padding:12px 8px;border:1.5px solid var(--line2);text-align:center}
.board b{display:block;font-family:var(--fd);font-size:clamp(1.1rem,4vw,1.6rem);color:var(--sun);line-height:1}
.board b.hot{color:var(--hot)}
.board small{display:block;margin-top:8px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}

/* feature list */
.flist{display:grid;border:3px solid var(--ink)}
.frow{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:18px;border-bottom:1.5px solid var(--line2);align-items:start;transition:background .2s}
.frow:last-child{border-bottom:none}
.frow:hover{background:var(--bg2)}
@media(min-width:768px){.frow{grid-template-columns:56px 280px 1fr;align-items:center;padding:20px 22px}}
.num{font-family:var(--fd);font-weight:800;font-size:1.5rem;color:var(--hot)}
.frow h3 small{display:inline-block;margin-left:8px;background:var(--hot);color:#141010;font-size:16px;padding:1px 6px;font-weight:700;font-family:var(--fb)}
.frow p{font-size:16px;grid-column:1/-1}
@media(min-width:768px){.frow p{grid-column:auto}}

/* steps band */
.band{background:var(--hot);color:#141010;border-top:none}
.band h2,.band p,.band h3{color:#141010}
.band .kicker{background:#141010;color:var(--sun)}
.sgrid{display:grid;gap:3px;background:#141010;border:3px solid #141010}
@media(min-width:768px){.sgrid{grid-template-columns:repeat(3,1fr)}}
.sgrid>div{background:var(--hot);padding:24px}
.sgrid b{font-family:var(--fd);font-size:2.6rem;display:block;line-height:1;margin-bottom:12px;color:#141010}
.sgrid h3{margin-bottom:8px}
.sgrid p{color:#2a1a12}

/* gallery */
.gal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:768px){.gal{grid-template-columns:repeat(4,1fr);gap:18px}}
.gal figure{border:3px solid var(--ink);background:#000}
.gal img{width:100%}
.gal figcaption{padding:10px 12px;font-size:16px;font-weight:600;color:var(--ink2);border-top:3px solid var(--ink);background:var(--bg2);line-height:1.4}

/* two-col text + image */
.split{display:grid;gap:26px}
@media(min-width:900px){.split{grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}}
.split .phone{max-width:320px}
.split .phone.stick{position:sticky;top:90px}

/* demo */
.demo{display:grid;gap:22px}
@media(min-width:900px){.demo{grid-template-columns:1fr 1fr;align-items:center;gap:40px}}
.frame{border:3px solid var(--ink);background:#0d0a0a;position:relative;box-shadow:10px 10px 0 var(--hot);min-height:300px;display:grid;place-items:center;overflow:hidden;aspect-ratio:9/16;max-height:720px;margin:0 auto;width:100%;max-width:400px}
@media(min-width:900px){.frame{max-width:360px}}
.frame::before{content:"";position:absolute;inset:14px;border:1.5px dashed var(--line2);pointer-events:none}
.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.playbtn{width:84px;height:84px;background:var(--sun);display:grid;place-items:center;border:3px solid #141010;z-index:1;cursor:pointer;position:relative}
.playbtn svg{width:36px;height:36px;fill:#141010;stroke:none}
.frame .hint{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.08em;z-index:1}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;background:#000}
.frame.live::before,.frame.live img,.frame.live .playbtn,.frame.live .hint{display:none}
.frame.live iframe{display:block}
.demo ul{list-style:none;margin:18px 0 26px;display:grid;gap:10px}
.demo li{display:flex;gap:12px;align-items:flex-start;color:var(--ink)}
.demo li i{width:22px;height:22px;background:var(--hot);flex-shrink:0;display:grid;place-items:center;margin-top:1px}
.demo li i svg{width:14px;height:14px;stroke:#141010;stroke-width:3}

/* tables */
.tw{overflow-x:auto;border:3px solid var(--ink)}
table{width:100%;border-collapse:collapse;min-width:560px;font-size:16px}
th,td{padding:14px;text-align:left;border-bottom:1.5px solid var(--line2);vertical-align:top}
th{background:var(--bg2);font-family:var(--fd);font-size:16px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
tr:last-child td{border-bottom:none}
td{color:var(--ink2)}
td.name,td:first-child{color:var(--ink);font-weight:600}
td .rk{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--sun);color:#141010;font-weight:800;margin-right:10px;font-size:16px}
td .bns{color:var(--sun);font-weight:700}
td .btn{min-height:44px;padding:10px 16px;font-size:16px}
.yes{color:var(--ok);font-weight:700}

/* compare */
.cmp{display:grid;gap:14px}
@media(min-width:768px){.cmp{grid-template-columns:1fr 1fr}}
.cmp article{border:3px solid var(--ink);padding:24px}
.cmp article.v2{border-color:var(--hot);background:var(--bg2)}
.cmp h3{font-size:1.2rem;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.cmp h3 span{font-size:16px;background:var(--ink);color:#141010;padding:3px 8px;font-family:var(--fb);letter-spacing:.06em}
.cmp .v2 h3 span{background:var(--hot)}
.cmp ul{list-style:none;display:grid;gap:8px}
.cmp li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2)}
.cmp li svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;color:var(--sun)}
.cmp .v2 li svg{color:var(--hot)}

/* callout */
.callout{border:3px solid var(--sun);background:var(--bg2);padding:20px 22px;margin:22px 0}
.callout h4{color:var(--sun);margin-bottom:8px}
.callout p{font-size:16px}

/* faq */
.qa{display:grid;border:3px solid var(--ink);max-width:860px;counter-reset:q}
.qa details{border-bottom:1.5px solid var(--line2)}
.qa details:last-child{border-bottom:none}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr 24px;gap:12px;align-items:center;padding:16px 18px;font-weight:700;min-height:44px;counter-increment:q}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"Q" counter(q);font-family:var(--fd);color:var(--hot);font-size:.95rem}
.qa summary::after{content:"";width:12px;height:12px;border-right:3px solid var(--sun);border-bottom:3px solid var(--sun);transform:rotate(45deg);transition:transform .2s;justify-self:center}
.qa details[open] summary::after{transform:rotate(-135deg)}
.qa details div{padding:0 18px 18px 78px;color:var(--ink2)}
@media(max-width:600px){.qa details div{padding-left:18px}}

/* footer */
footer{border-top:3px solid var(--hot);padding:40px 0 100px;background:var(--bg2)}
@media(min-width:768px){footer{padding-bottom:40px}}
.fg{display:grid;gap:28px}
@media(min-width:768px){.fg{grid-template-columns:1fr 1fr;align-items:start}}
.fg nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.fg nav a{font-weight:600;text-transform:uppercase;font-size:16px;letter-spacing:.06em;color:var(--ink2);min-height:44px;display:inline-flex;align-items:center}
.fg nav a:hover{color:var(--sun)}
.fg p{margin-top:12px;font-size:16px}
.fine{margin-top:26px;padding-top:18px;border-top:1.5px solid var(--line2);font-size:16px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.age{border:2px solid var(--ink2);padding:4px 7px;font-weight:800;font-size:16px}

/* sticky mobile CTA */
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 16px;background:var(--bg);border-top:3px solid var(--hot);z-index:90}
@media(min-width:768px){.sticky{display:none}}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ===== added: hero layout fix, testimonials, author, breadcrumb, article ===== */
.hero-shot{grid-template-columns:1fr}
@media(min-width:540px) and (max-width:899px){.hero-shot{grid-template-columns:1fr 1fr;align-items:center}}
@media(min-width:900px){.hero .wrap{grid-template-columns:1fr 1fr}.hero-shot{grid-template-columns:1fr}}
.board small{font-size:16px}

.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:14px 0 0;font-size:16px;font-weight:600;color:var(--ink2)}
.crumbs li+li::before{content:"/";color:var(--hot);margin-right:10px}
.crumbs a:hover{color:var(--sun)}

.page-hero{padding:28px 0 40px;border-top:none}
@media(min-width:768px){.page-hero{padding:40px 0 56px}}
.page-hero .lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--ink);max-width:720px;margin-top:18px}
.page-hero .cta{margin-top:26px}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:16px;font-weight:600;color:var(--ink2)}
.meta span{display:inline-flex;align-items:center;gap:6px}
.meta .ico{width:18px;height:18px;color:var(--sun)}

.article{max-width:800px}
.article h2{margin:38px 0 14px;font-size:clamp(1.35rem,3.6vw,1.9rem)}
.article h2:first-child{margin-top:0}
.article h3{margin:26px 0 10px}
.article ul,.article ol{margin:12px 0 0 22px;color:var(--ink2);display:grid;gap:8px}
.article li::marker{color:var(--sun);font-weight:700}
.article img{border:3px solid var(--ink);margin:22px 0}
.article .phone{margin:22px auto}
.article .tw{margin:22px 0}
.article table{min-width:420px}
.article a{color:var(--sun);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.article a:hover{color:var(--hot)}
.wide{display:grid;gap:30px}
@media(min-width:1000px){.wide{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.aside{display:grid;gap:18px}
@media(min-width:1000px){.aside{position:sticky;top:88px}}
.aside .phone{max-width:320px}
.box{border:3px solid var(--ink);background:var(--bg2);padding:20px}
.box h4{margin-bottom:12px;color:var(--sun)}
.box ul{list-style:none;display:grid;gap:8px}
.box li{display:flex;justify-content:space-between;gap:12px;border-bottom:1.5px solid var(--line2);padding-bottom:8px;color:var(--ink2);font-size:16px}
.box li:last-child{border-bottom:none}
.box li b{color:var(--ink)}
.box .btn{margin-top:14px;width:100%}

/* testimonials */
.tgrid{display:grid;gap:14px}
@media(min-width:768px){.tgrid{grid-template-columns:repeat(3,1fr)}}
.tcard{border:3px solid var(--ink);background:var(--bg2);padding:22px;display:flex;flex-direction:column;gap:14px}
.tcard .stars{display:flex;gap:2px}
.tcard .stars svg{width:20px;height:20px;fill:var(--sun);stroke:none}
.tcard blockquote{color:#e4dad2;font-size:17px;line-height:1.65;font-style:italic;font-weight:400}
.tcard .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.tcard .av{width:44px;height:44px;background:var(--hot);color:#141010;font-weight:800;font-size:16px;display:grid;place-items:center;flex-shrink:0}
.tcard .who b{display:block;font-size:17px}
.tcard .who small{font-size:16px;font-weight:500;color:var(--ink2)}

/* author */
.author{border:3px solid var(--ink);background:var(--bg2);display:grid;gap:18px;padding:22px;margin-top:44px}
@media(min-width:640px){.author{grid-template-columns:96px 1fr;align-items:start}}
.author .av{width:96px;height:96px;background:var(--sun);display:grid;place-items:center;border:3px solid var(--ink)}
.author .av svg{width:70px;height:70px}
.author h4{margin-bottom:4px;font-size:1.05rem}
.author .role{font-size:16px;font-weight:600;color:var(--sun);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}
.author p{font-size:16px}
.author .links{display:flex;gap:14px;margin-top:10px}
.author .links a{padding:0;min-height:0;font-size:16px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.author .links a:hover{color:var(--sun)}
.stamp{font-size:16px;font-weight:600;color:var(--ink2);margin-top:10px}

/* legal pages */
.legal-body{max-width:800px}
.legal-body h2{margin:34px 0 12px;font-size:clamp(1.25rem,3vw,1.6rem)}
.legal-body p,.legal-body li{font-size:17px;color:var(--ink2)}
.legal-body ul{margin:10px 0 0 22px;display:grid;gap:6px}
.legal-body a{color:var(--sun);text-decoration:underline;text-underline-offset:3px}

/* contact form (no backend) */
.cform{display:grid;gap:14px;max-width:560px}
.cform label{font-weight:700;font-size:16px;display:grid;gap:6px}
.cform input,.cform textarea{background:var(--bg2);border:3px solid var(--ink);color:var(--ink);padding:12px 14px;font-family:var(--fb);font-size:17px;min-height:48px}
.cform textarea{min-height:140px;resize:vertical}
.cform .note{font-size:16px;color:var(--ink2)}
.ok-msg{display:none;border:3px solid var(--ok);padding:14px 16px;color:var(--ok);font-weight:700}
.ok-msg.show{display:block}

/* ===== v2.1 hero + split fixes ===== */
.hero .phone{max-width:250px}
@media(min-width:900px){
  .hero-shot{grid-template-columns:250px 1fr;align-items:center;gap:22px}
  .hero .phone{max-width:250px;margin:0}
  .board{grid-template-columns:1fr 1fr}
}
h2{font-size:clamp(1.35rem,4.2vw,2.2rem)}
.split .phone.stick{position:static}
@media(min-width:900px){.split .phone.stick{position:sticky;top:90px}}
.split .phone{max-width:280px}
.head h2{text-wrap:balance}
@media(min-width:900px){.head{grid-template-columns:1.3fr 1fr}}
/* galleries inside narrow columns: 2x2 */
.split .gal,.article .gal{grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.gal figcaption{min-height:0}
.tnote{font-size:16px;color:var(--ink2);margin-top:12px;max-width:900px}
.muted{color:var(--ink2);font-weight:600;font-size:16px}
td .btn{white-space:nowrap}

/* ===== v3.1 mobile pass: stacked tables, spacing ===== */
/* vertical rhythm */
.article p,.prose p,.legal-body p{margin-bottom:16px}
.article p:last-child,.prose p:last-child{margin-bottom:0}
.article h2,.legal-body h2{margin:44px 0 16px}
.article h2:first-child,.legal-body h2:first-child{margin-top:0}
.article h3,.prose h3{margin:30px 0 12px}
.article ul,.article ol,.prose ul,.prose ol,.legal-body ul{margin:0 0 18px 22px}
.article .tw,.prose .tw{margin:24px 0 28px}
.callout{margin:26px 0}
.article .phone,.prose .phone{margin:26px auto}
.article .gal,.prose .gal{margin:22px 0 30px}
.head{margin-bottom:32px}
.page-hero .meta{margin-top:22px}
.tnote{margin-top:14px}
.demo>div>p{margin:0 0 22px}
.demo ul{margin:20px 0 22px}
.sgrid>div p{margin-top:6px}
.frow h3{margin-bottom:4px}
.legal-body h2+p,.legal-body h2+ul{margin-top:0}

/* author block */
.author .links{flex-wrap:wrap;gap:8px 18px;margin-top:12px}
.author .links a{line-height:1.4}
.author{margin-top:48px}
.author+*{margin-top:30px}

/* stacked tables below 768px */
@media(max-width:767px){
  .tw{border:none;overflow:visible}
  .tw table,.article table{min-width:0;width:100%;display:block;border:3px solid var(--ink)}
  .tw thead{display:none}
  .tw tbody,.tw tr{display:block}
  .tw tr{border-bottom:3px solid var(--ink);padding:6px 0}
  .tw tr:last-child{border-bottom:none}
  .tw td{display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:10px;padding:9px 14px;border-bottom:1.5px solid var(--line);align-items:start}
  .tw td:last-child{border-bottom:none}
  .tw td::before{content:attr(data-label);font-family:var(--fd);font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--sun);font-weight:600;padding-top:2px}
  .tw td.name,.tw td:first-child{background:var(--bg2)}
  .tw td.nolabel{grid-template-columns:1fr}
  .tw td.nolabel::before{display:none}
  .tw td .btn{width:100%;justify-content:center}
  .tw td .rk{margin-right:8px}
}
@media(max-width:767px){
  .tw td.name{display:block}
  .tw td.name::before{display:block;margin-bottom:6px}
}