/* Shared Text Me The Job look (body.tq): dark bands for impact, light bands for reading, icons over paragraphs. */
.tq .dark{--bg:#0b0e12;--surface:#141a21;--surface2:#1a2129;--line:#2a333d;--fg:#eef2f6;--muted:#a3afbb;--green:#2bd35f;--green-ink:#06210f;--bubble:#232c36;--warm:#ff8a3d;color:var(--fg);color-scheme:dark}
.tq .top.dark,.tq .bar.dark{background:rgba(11,14,18,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#1e262e}
.tq .band{background:radial-gradient(120% 60% at 50% 0%,rgba(43,211,95,.16),transparent 60%),linear-gradient(180deg,#0b0e12 0%,#0c1511 55%,#0f2b19 100%)}
.tq .band.warmglow{background:radial-gradient(90% 50% at 50% 30%,rgba(43,211,95,.14),transparent 65%),linear-gradient(180deg,#0f2b19 0%,#0b0e12 100%)}
.tq section{border-top:0;padding-block:56px}
.tq section.dark{padding-block:56px 60px}
.tq section h2{text-align:center;margin-bottom:12px}
.tq section .lead{text-align:center;max-width:46ch;margin-left:auto;margin-right:auto}
.tq .hero{padding-block:34px 44px}
.tq .hero h1,.tq .hero .eyebrow{text-align:left}
.tq .eyebrow{color:var(--green)}

/* buttons: glow + press */
.tq .btn{transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}
.tq .btn:not(.ghost){box-shadow:0 8px 24px rgba(43,211,95,.32),inset 0 1px 0 rgba(255,255,255,.25);background:linear-gradient(180deg,#34dc68,var(--green))}
.tq .btn:not(.ghost):hover{filter:brightness(1.05);box-shadow:0 10px 30px rgba(43,211,95,.42),inset 0 1px 0 rgba(255,255,255,.25)}
.tq .btn:active{transform:translateY(1px) scale(.99)}
.tq .dark .btn.ghost{border-color:#33404c;background:rgba(255,255,255,.03)}
/* pay buttons never look broken; the checkbox nudges instead */
.tq .btn[aria-disabled="true"]{opacity:1;pointer-events:auto}
.tq .agree.nudge{border-color:var(--warm);box-shadow:0 0 0 4px rgba(255,138,61,.18);animation:tqShake .4s ease}
@keyframes tqShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* fewer borders, soft depth */
.tq .box,.tq .steps li,.tq .menu,.tq details,.tq .order,.tq .demo{border-color:transparent;border-radius:20px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .dark .box,.tq .dark .demo{box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 34px rgba(0,0,0,.35)}

/* phone mock on dark */
.tq .dark .phone{border-color:#26313b;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(43,211,95,.08)}
.tq .phone{position:relative;overflow:hidden}
.tq .kitstrip img{border-color:transparent;box-shadow:0 10px 26px rgba(0,0,0,.35)}

/* price card: hero of its band */
.tq .price{position:relative;border:2px solid transparent;border-radius:24px;padding:24px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,#2bd35f,#0e7a35 45%,#ff8a3d) border-box;box-shadow:0 0 80px rgba(43,211,95,.18),0 24px 60px rgba(0,0,0,.4)}
.tq .price .big{font-size:76px;background:linear-gradient(180deg,#fff,#b9f5cc);-webkit-background-clip:text;background-clip:text;color:transparent}
.tq .guar{border-color:transparent;background:rgba(43,211,95,.08);box-shadow:inset 0 0 0 1px rgba(43,211,95,.35)}
.tq #price .note{text-align:center}

/* demo cards: name on the photo */
.tq .demo{position:relative;background:#0b0e12;transition:transform .18s ease,box-shadow .18s ease}
.tq .demo:active{transform:scale(.98)}
@media (hover:hover){.tq .demo:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,25,35,.18)}}
.tq .demo .shot{aspect-ratio:4/5;align-content:end;justify-items:start;text-align:left;padding:12px;position:relative}
.tq .demo .meta{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(5,8,10,.88));color:#fff}
.tq .demo .meta span{color:rgba(255,255,255,.75)}
.tq .demo .meta b{font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:-.01em}

/* ---- motion (only when JS runs and the visitor allows motion) ---- */
.motion .rv{opacity:0;transform:translateY(22px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.motion .rv.in{opacity:1;transform:none}
/* live text thread */
.motion .phone .b,.motion .phone .stamp{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .3s ease,transform .35s cubic-bezier(.2,1.4,.4,1)}
.motion .phone .b.out{transform-origin:right bottom}
.motion .phone .b.in{transform-origin:left bottom}
.motion .phone .show{opacity:1;transform:none}
.typing{display:none;width:58px;padding:12px 14px;border-radius:18px;background:var(--bubble);margin:6px 0}
.typing.on{display:flex;gap:5px}
.typing.r{margin-left:auto;background:rgba(43,211,95,.35)}
.typing i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:tqDot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tqDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
/* phone buzz notification */
.buzz{position:absolute;left:10px;right:10px;top:10px;z-index:2;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(30,38,46,.96);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:14px;line-height:1.25;transform:translateY(-130%);transition:transform .45s cubic-bezier(.2,1.3,.4,1)}
.buzz i{flex:none;width:30px;height:24px;border-radius:12px 12px 12px 3px;background:#2bd35f;color:#06210f;display:grid;place-items:center;font:normal 12px var(--display)}
.buzz b{display:block;font-size:14px}.buzz span{color:#a3afbb}
.buzz.on{transform:none;animation:tqBuzz .5s ease .45s}
.buzz.off{transform:translateY(-130%)}
@keyframes tqBuzz{0%,100%{rotate:0deg}20%{rotate:-2deg}40%{rotate:2deg}60%{rotate:-1.5deg}80%{rotate:1deg}}
@media (prefers-reduced-motion:reduce){.buzz{display:none}}

/* ---- icons + visual blocks ---- */
.tq .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.tq .ico{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:rgba(43,211,95,.14);color:var(--green)}
.tq .ico.big{width:64px;height:64px;border-radius:20px}.tq .ico.big .ic{width:30px;height:30px}
.tq .ico.sm{width:28px;height:28px;border-radius:9px;margin-right:8px;vertical-align:middle}.tq .ico.sm .ic{width:16px;height:16px}
.tq .dark .ico{background:rgba(43,211,95,.16);box-shadow:inset 0 0 0 1px rgba(43,211,95,.25)}
/* hero chips */
.tq .chips4{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tq .chips4 li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.tq .chips4 b{font-size:15px;line-height:1.2}
/* how it works */
.tq .flow3{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tq .flow3 li{position:relative;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:var(--surface);border-radius:20px;padding:16px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .flow3 .ico{grid-row:1/3}
.tq .flow3 b{font-size:19px;align-self:end}
.tq .flow3 span:not(.ico){color:var(--muted);font-size:15px;align-self:start}
.tq .flow3 li+li::before{content:"";position:absolute;left:47px;top:-14px;width:2px;height:14px;background:var(--green)}
@media (min-width:560px){.tq .flow3{grid-template-columns:repeat(3,1fr)}.tq .flow3 li{grid-template-columns:1fr;text-align:center;justify-items:center;row-gap:8px}.tq .flow3 .ico{grid-row:auto}.tq .flow3 li+li::before{display:none}}
/* icon grids */
.tq .icongrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tq .icongrid li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;background:var(--surface2)}
.tq .icongrid b{font-size:15px;line-height:1.25}
.tq .box h3{text-align:center;margin-bottom:12px}
/* gallery */
.tq .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.tq .gal img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;box-shadow:0 6px 16px rgba(15,25,35,.18)}
.tq .gal2{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-bottom:14px;align-items:end}
.tq .gal2 figure{margin:0}
.tq .gal2 img{width:100%;border-radius:12px;box-shadow:0 6px 16px rgba(15,25,35,.18);display:block}
.tq .gal2 figcaption{display:flex;align-items:center;gap:6px;justify-content:center;font-weight:700;font-size:14px;margin-top:6px}
.tq .gal2 figcaption .ic{width:16px;height:16px;color:var(--green)}
/* add-ons */
.tq .addons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tq .addons li{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:18px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .addons .ico{margin-bottom:6px}
.tq .addons b{font-size:16px;line-height:1.2}
.tq .addons small{color:var(--muted);font-size:13px}
.tq .addons em{position:absolute;top:12px;right:12px;font-style:normal;font-weight:800;font-size:15px;padding:3px 9px;border-radius:999px;background:var(--fg);color:var(--bg)}
/* price */
.tq .valtiles{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:8px}
.tq .valtiles li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04)}
.tq .valtiles b{font-size:15px;font-weight:600;line-height:1.25}
.tq .valtiles em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.tq .valtiles li.sum{grid-template-columns:1fr auto;background:rgba(43,211,95,.12);box-shadow:inset 0 0 0 1px rgba(43,211,95,.35)}
.tq .valtiles li.sum span{color:var(--muted);font-size:15px}
.tq .valtiles li.sum strong{font-family:var(--display);font-weight:400;font-size:20px;color:var(--green)}
.tq .inc3{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tq .inc3 li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.tq .inc3 b{font-size:13px;line-height:1.2}
/* order steps */
.tq .iconsteps{list-style:none;padding:0;gap:10px}
.tq .iconsteps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
/* faq */
.tq summary{align-items:center;justify-content:flex-start}
.tq summary .q{flex:1}
.tq .note .ico.sm{display:inline-grid}

/* ---- back pages: rep kit, sign-in, order form, launch kit ---- */
.tq .hero.dark h1{color:#fff}
.tq .hero.dark .chips4{margin-top:4px}
.tq .card{background:var(--surface);border-radius:22px;padding:18px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 14px 40px rgba(15,25,35,.10)}
.tq section.formsec{padding-top:24px}
.tq .note .ico.sm,.tq h3 .ico.sm,.tq legend .ico.sm{display:inline-grid}
.tq h3 .ico.sm{margin-right:8px;vertical-align:-6px}
/* section jump nav with icons */
.tq .jump{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;margin:0;scrollbar-width:none}
.tq .jump::-webkit-scrollbar{display:none}
.tq .jump a{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;text-decoration:none;padding:8px 12px;border-radius:999px;border:0;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);color:#eef2f6}
.tq .jump a .ic{width:16px;height:16px;color:#2bd35f}
/* mini flow on dark hero */
.tq .flow3.mini{margin-top:6px}
.tq .dark .flow3 li{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tq .dark .flow3 li+li::before{background:#2bd35f}
/* order form */
.tq fieldset{border:0;border-radius:22px;padding:18px 16px 6px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq legend{display:flex;align-items:center;float:left;width:100%;padding:0;margin:0 0 14px;font-size:21px}
.tq legend+*{clear:both}
.tq legend .ico.sm{width:36px;height:36px;border-radius:12px;margin-right:10px}.tq legend .ico.sm .ic{width:20px;height:20px}
.tq .drop{display:grid;justify-items:center;gap:6px;border:2px dashed rgba(43,211,95,.45);background:rgba(43,211,95,.05);border-radius:18px;padding:18px 14px}
.tq .look{border-radius:16px;border-color:transparent;box-shadow:0 0 0 1px var(--line)}
/* rep kit */
.tq .vids{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tq .vids .video.vert{max-width:none}
.tq .vids .note{font-size:13px}
.tq .clips{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px}
.tq .clips .clip{flex:none;width:210px;scroll-snap-align:start;background:var(--surface);border-radius:18px;padding:8px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .clips .clip .q{font-size:15px;line-height:1.25}
.tq .clips .clip .cap{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tq .clips .copyrow .cpy{font-size:13px;padding:7px 10px}
.tq .knowlist{display:grid;gap:10px}
.tq .know{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:var(--surface);border-radius:18px;padding:14px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .know .q{font-weight:800;margin:2px 0 4px}
.tq .know .a{margin:0;font-size:15px;color:var(--muted)}
.tq .playlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tq .playlist li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:var(--surface);border-radius:18px;padding:12px 14px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .playlist b{display:flex;align-items:center;gap:8px;font-size:17px}
.tq .playlist b em{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--fg);color:var(--bg);font-size:12px}
.tq .playlist span:not(.ico){display:block;color:var(--muted);font-size:15px}
.tq .iconlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tq .iconlist li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:var(--surface);border-radius:16px;padding:10px 12px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 6px 18px rgba(15,25,35,.06)}
.tq .iconlist small{display:block;color:var(--muted);font-size:14px}
.tq .icongrid small{color:var(--muted);font-size:13px;line-height:1.3}
.tq .rk .reply,.tq.rk .reply{border:0;border-radius:18px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 6px 18px rgba(15,25,35,.06)}
.tq.rk .reply .q .ico{width:30px;height:30px;border-radius:10px;margin-right:8px;vertical-align:middle}.tq.rk .reply .q .ico .ic{width:16px;height:16px}
.tq.rk .reply .cat{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(255,138,61,.12)}
.tq.rk .posts{grid-template-columns:1fr 1fr;gap:12px}
.tq.rk .post{border:0;border-radius:18px;padding:8px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq.rk .post .cap{font-size:13px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tq.rk .post .copyrow .cpy{font-size:13px;padding:7px 10px}
.tq.rk .sticky{background:var(--bg)}
.tq .warn{border:0;border-radius:20px;background:rgba(255,138,61,.08);box-shadow:inset 0 0 0 2px rgba(255,138,61,.5)}
.tq .warn h3{display:flex;align-items:center}
.tq .warn .ico{background:rgba(255,138,61,.16);color:var(--warm)}
.tq .paytiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tq .paytiles li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 8px;border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .paytiles strong{font-family:var(--display);font-weight:400;font-size:28px;color:var(--green);line-height:1}
.tq .paytiles span:not(.ico){font-size:13px;color:var(--muted);line-height:1.25}
.tq #pay .note{text-align:center}
/* launch kit page */
.tq .piece{border:0;border-radius:20px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .hero.dark .tabs button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#eef2f6}
.tq .hero.dark .tabs button[aria-pressed="true"]{background:#2bd35f;color:#06210f;border-color:#2bd35f}
.tq .hero.dark .note{color:#a3afbb}
.tq.rk details.rx{padding:0 14px;margin-bottom:8px}
.tq.rk details.rx summary{display:grid;grid-template-columns:1fr 20px;grid-template-areas:"cat plus" "q plus";gap:2px 10px;padding:12px 0;align-items:center}
.tq.rk details.rx summary::after{grid-area:plus}
.tq.rk details.rx .cat{grid-area:cat;justify-self:start}
.tq.rk details.rx .q{grid-area:q;font-weight:700;font-size:16px;margin:0}
.tq.rk details.rx[open]{padding-bottom:14px}
.tq.rk details.rx .a{color:var(--fg)}

/* ---- sales page v3: problem-first ---- */
.tq .herophoto{position:relative;overflow:hidden;padding-block:0}
.tq .herophoto .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:40px}
.tq .hbg{position:absolute;inset:0;z-index:0}
.tq .hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:hfade 20s infinite}
.tq .hbg img:nth-child(1){animation-delay:0s}.tq .hbg img:nth-child(2){animation-delay:5s}.tq .hbg img:nth-child(3){animation-delay:10s}.tq .hbg img:nth-child(4){animation-delay:15s}
@keyframes hfade{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}30%{opacity:0;transform:scale(1)}100%{opacity:0}}
.tq .herophoto::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,14,18,.45) 0%,rgba(11,14,18,.82) 26%,rgba(11,14,18,.94) 55%,#0c1511 100%)}
.tq .hbuzz{position:absolute;z-index:3;top:16px;left:50%;width:min(340px,calc(100% - 32px));transform:translate(-50%,-160%);display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(30,38,46,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.45);font-size:14px;line-height:1.25;animation:hbuzz 7s ease 1s infinite}
.tq .hbuzz i{flex:none;width:30px;height:24px;border-radius:12px 12px 12px 3px;background:#2bd35f;color:#06210f;display:grid;place-items:center;font:normal 12px var(--display)}
.tq .hbuzz b{display:block}.tq .hbuzz span{color:#a3afbb}
@keyframes hbuzz{0%{transform:translate(-50%,-160%)}8%,58%{transform:translate(-50%,0)}10%{rotate:-2deg}12%{rotate:2deg}14%{rotate:0deg}66%,100%{transform:translate(-50%,-160%)}}
.tq .herophoto h1{font-size:clamp(40px,11.5vw,64px);text-shadow:0 2px 24px rgba(0,0,0,.5)}
.tq .hsub{color:#d5dde5!important;font-size:18px;max-width:34ch;margin:0 0 18px}
.tq .pvbox{display:grid;gap:10px;padding:16px;border-radius:22px;background:rgba(20,26,33,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(43,211,95,.35),0 20px 50px rgba(0,0,0,.45);margin-bottom:14px}
.tq .pvbox label b{display:block;font-family:var(--display);font-weight:400;font-size:21px;line-height:1.1;color:#fff}
.tq .pvbox label span{font-size:14px;color:#2bd35f;font-weight:700}
.tq .pvbox input,.tq .pvbox select{width:100%;box-sizing:border-box;background:#0b0e12;border:2px solid #2a333d;border-radius:14px;color:#eef2f6;font:500 17px var(--body);padding:14px}
.tq .pvbox input:focus,.tq .pvbox select:focus{border-color:#2bd35f;outline:none}
.tq .pvbox select.nudge,.tq .pvbox input.nudge{border-color:#ff8a3d;animation:tqShake .4s ease}
.tq .hlink{display:block;text-align:center;color:#a3afbb;font-weight:600;font-size:15px;margin-top:4px}
@media (prefers-reduced-motion:reduce){.tq .hbg img{animation:none}.tq .hbg img:first-child{opacity:1}.tq .hbuzz{display:none}}
/* pain */
.tq .pain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tq .pain li{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .pain .ico{background:rgba(232,89,12,.12);color:var(--warm)}
.tq .pain b{font-size:16px;line-height:1.25}
.tq .punch{margin-top:22px!important;font-size:19px}.tq .punch b{color:var(--fg)}
/* fix */
.tq .fix{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tq .fix>li{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:24px;padding:16px;overflow:hidden}
.tq .fixhead{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-bottom:14px}
.tq .fixhead em{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:22px 22px 22px 6px;background:#2bd35f;color:#06210f;font-family:var(--display);font-size:20px}
.tq .fixhead b{display:block;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.05}
.tq .fixhead span{color:#a3afbb;font-size:15px}
.tq .fixpic.posts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;align-items:center}
.tq .fixpic.posts img{width:100%;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.tq .fixpic.posts img:nth-child(1){transform:rotate(-3deg)}.tq .fixpic.posts img:nth-child(2){transform:rotate(2deg)}
.tq .fixpic.site{display:grid;place-items:start center;height:380px;overflow:hidden;border-radius:18px;background:radial-gradient(60% 60% at 50% 40%,rgba(43,211,95,.18),transparent)}
.tq .fixpic.site img{width:220px;border-radius:28px;border:8px solid #111;box-shadow:0 20px 50px rgba(0,0,0,.5);margin-top:18px}
.tq .fixphone{margin:0 auto!important}
/* small video card */
.tq .watchcard{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;margin-top:18px;padding:12px;border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .watchcard .video.vert{max-width:none;border-radius:14px;overflow:hidden}
.tq .watchcard b{display:block;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.1;margin-bottom:4px}
.tq .watchcard span{color:var(--muted);font-size:15px}
/* trades grid */
.tq .tgroups{display:grid;gap:12px}
.tq .tg{background:var(--surface);border-radius:20px;padding:14px;box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .tg h3{display:flex;align-items:center;font-size:18px;margin:0 0 10px;text-align:left}
.tq .tchips{display:flex;flex-wrap:wrap;gap:6px}
.tq .tchips button{font:600 14px var(--body);padding:7px 11px;border-radius:999px;border:0;background:var(--surface2);color:var(--fg);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.tq .tchips button.has{background:rgba(43,211,95,.14);box-shadow:inset 0 0 0 1px rgba(43,211,95,.45)}
.tq .tchips button:active{transform:scale(.97)}
@media (min-width:700px){.tq .tgroups{grid-template-columns:1fr 1fr}}
.tq .legend{display:inline-block;width:12px;height:12px;border-radius:4px;background:rgba(43,211,95,.3);box-shadow:inset 0 0 0 1px rgba(43,211,95,.6);margin-right:6px;vertical-align:-1px}
/* hero tool, bigger CTA */
.tq .herophoto .pvbox{margin-top:6px;padding:18px;box-shadow:inset 0 0 0 2px rgba(43,211,95,.6),0 0 40px rgba(43,211,95,.18),0 20px 50px rgba(0,0,0,.45)}
.tq .pvbox label b{font-size:24px}
.tq .pvbox .pvgo{min-height:64px;font-size:21px;font-weight:800;letter-spacing:.01em}
.tq .pvbox .pvgo span{font-size:24px;margin-left:4px}
.tq .herophoto .hsub{margin-top:16px}
.tq .price .pays{margin:2px 0 6px;font-weight:800;font-size:18px;color:#2bd35f}
.tq .results{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.tq .results li{display:flex;gap:10px;align-items:center;font-weight:700;padding:10px 14px;border-radius:14px;background:rgba(43,211,95,.1);box-shadow:inset 0 0 0 1px rgba(43,211,95,.35)}
.tq .results .ic{color:#14a943}
/* sticky bar: main button stays strong green */
.tq .bar .btn:not(.ghost){background:linear-gradient(180deg,#34dc68,#2bd35f);color:#06210f;font-weight:800;box-shadow:0 6px 20px rgba(43,211,95,.4)}
/* checkout */
.tq .cosite{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.tq .cologo{width:56px;height:56px;border-radius:14px;background:rgba(43,211,95,.16);color:#2bd35f;display:grid;place-items:center;overflow:hidden}
.tq .cologo img{width:100%;height:100%;object-fit:contain;background:#fff}
.tq .cosite b{display:block;font-size:18px;color:#fff}.tq .cosite span{color:#a3afbb;font-size:14px}
.tq .cosite a{color:#2bd35f;font-weight:700;font-size:14px}
.tq .coprice{background:var(--surface)!important}
.tq .agreeline{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.45}
.tq .nextcard{margin-top:16px}
.tq .nextcard h3{display:flex;align-items:center}
.tq footer.legalfoot{border-top:1px solid var(--line);padding-block:22px 30px;color:var(--muted);font-size:13px;text-align:center}
.tq footer.legalfoot p{margin:0 0 8px;line-height:1.5}.tq footer.legalfoot a{color:inherit}
/* trade search */
.tq .tsearch{position:relative}
.tq .sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;list-style:none;margin:0;padding:6px;border-radius:14px;background:#141a21;box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 0 0 1px #2a333d}
.tq .sug li{padding:11px 12px;border-radius:10px;color:#eef2f6;font-weight:600;cursor:pointer}
.tq .sug li small{color:#2bd35f;font-weight:700;font-size:12px;margin-left:6px}
.tq .sug li:hover,.tq .sug li:active{background:rgba(43,211,95,.14)}
.tq .sug li.use{color:#a3afbb}
.tq .quick{display:flex;flex-wrap:wrap;gap:6px}
.tq .quick button{font:600 13px var(--body);padding:7px 10px;border-radius:999px;border:0;background:rgba(255,255,255,.06);color:#d5dde5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer}
.tq .quick button[aria-pressed="true"]{background:#2bd35f;color:#06210f}
.tq .pvbox input.nudge{border-color:#ff8a3d}
/* order form */
.tq .savednote{display:flex;align-items:center;gap:4px;font-weight:700;font-size:15px;color:var(--green);background:rgba(43,211,95,.1);border-radius:14px;padding:10px 12px;margin:0 0 14px}
.tq .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.4;margin:0 0 14px;cursor:pointer}
.tq .consent input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--green)}
.tq .consent a{color:inherit}
.tq .default{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:15px;color:var(--muted);margin:10px 0 0}
.tq details.more{margin:0 0 16px;padding:0 16px;border-radius:22px}
.tq details.more summary{align-items:center}
.tq details.more summary small{display:block;font-weight:500;color:var(--muted);font-size:14px}
.tq details.more .morein{padding-bottom:16px}
.tq details.more h3{font-size:18px;margin:18px 0 8px;text-align:left}
.tq .hotlist{display:grid;gap:8px}
.tq .hot{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 6px 18px rgba(15,25,35,.06)}
.tq .hot.opt{box-shadow:inset 0 0 0 2px rgba(43,211,95,.5)}
.tq .hot b{display:block}.tq .hot small{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.tq .hot em{color:var(--green);font-style:normal;font-weight:700}
.tq .hot .cpy{display:inline-block;text-decoration:none}
.tq .legal{max-width:680px}.tq .legal h2{text-align:left!important;font-size:24px;margin:28px 0 10px}.tq .legal p,.tq .legal li{font-size:16px;line-height:1.55}
.tq .legal ul{padding-left:20px;display:grid;gap:8px}.tq .legal .upd{color:var(--muted);font-size:14px}
.tq .legal .toc{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 6px}.tq .legal .toc a{font-size:13px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.tq .legal h2{scroll-margin-top:70px}
.tq .coprice .big{background:none;-webkit-text-fill-color:currentColor;color:var(--fg)}
/* package tiers */
.tq .tiers{display:grid;gap:14px;margin-bottom:14px}
@media (min-width:760px){.tq .tiers{grid-template-columns:repeat(3,1fr)}}
.tq .tier{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 18px;border-radius:24px;background:#141a21;box-shadow:inset 0 0 0 1px #2a333d}
.tq .tier.pop{background:linear-gradient(#141a21,#141a21) padding-box,linear-gradient(140deg,#2bd35f,#0e7a35 45%,#ff8a3d) border-box;border:2px solid transparent;box-shadow:0 0 60px rgba(43,211,95,.18)}
.tq .tier .badge{position:absolute;top:-12px;left:18px;background:#2bd35f;color:#06210f;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.tq .tier h3{font-size:24px;color:#fff;margin:4px 0 0;text-align:left}
.tq .tier .ttag{margin:0;color:#a3afbb;font-size:15px}
.tq .tier .tprice{font-family:var(--display);font-size:46px;line-height:1;color:#fff}
.tq .tier .tdel{display:flex;gap:6px;align-items:flex-start;margin:0;font-weight:700;color:#2bd35f;font-size:15px}
.tq .tier .tdel .ic,.tq .tier li .ic{width:18px;height:18px;flex:none;margin-top:2px}
.tq .tier ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:8px;flex:1}
.tq .tier li{display:flex;gap:8px;font-size:15px;color:#d5dde5;line-height:1.35}.tq .tier li .ic{color:#2bd35f}
.tq details.rules{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:18px;margin:10px 0}
.tq details.rules summary{color:#eef2f6}
.tq details.rules ul,.tq details.rules ol{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;color:#d5dde5;font-size:15px}
/* checkout package picker */
.tq .copick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tq .cop{position:relative;display:block;cursor:pointer}
.tq .cop input{position:absolute;opacity:0}
.tq .cop span{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);text-align:center}
.tq .cop b{font-size:15px}.tq .cop em{font-style:normal;font-family:var(--display);font-size:20px}
.tq .cop input:checked+span{box-shadow:inset 0 0 0 3px var(--green);background:rgba(43,211,95,.08)}
.tq .cop input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}
.tq .cop i{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;background:var(--green);color:var(--green-ink);padding:2px 7px;border-radius:999px}
.tq .cosum{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}
.tq .cosum b{display:block;font-size:22px}.tq .cosum span{color:var(--green);font-weight:700;font-size:14px}
.tq .coinc{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.tq .coinc li{display:flex;gap:8px;font-size:15px}.tq .coinc .ic{width:18px;height:18px;flex:none;color:var(--green);margin-top:2px}
.tq .cono{font-size:13px;color:var(--muted);margin:0 0 14px}
.tq details.rules.light{background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 6px 18px rgba(15,25,35,.06)}
.tq details.rules.light summary{color:var(--fg)}.tq details.rules.light ul,.tq details.rules.light ol{color:var(--fg)}
/* logo brief */
.tq .lgstyles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tq .lgstyles label{position:relative;cursor:pointer}.tq .lgstyles input{position:absolute;opacity:0}
.tq .lgstyles span{display:grid;place-items:center;gap:4px;height:96px;border-radius:14px;background:#0b0e12;color:#fff;box-shadow:inset 0 0 0 2px var(--line);text-align:center}
.tq .lgstyles small{font:600 12px var(--body);color:#a3afbb;letter-spacing:0;text-transform:none}
.tq .lgstyles .s1{font:400 26px var(--display);letter-spacing:.02em}
.tq .lgstyles .s2{font:300 26px var(--body);letter-spacing:.12em;background:#fff;color:#0e1116}.tq .lgstyles .s2 small{color:#55606d}
.tq .lgstyles .s3{font:700 24px var(--body);background:#fff3d6;color:#c2410c;border-radius:28px}.tq .lgstyles .s3 small{color:#7c5a2a}
.tq .lgstyles .s4{font:400 18px var(--display);letter-spacing:.08em;background:#13261b;color:#e8d9a8}.tq .lgstyles .s4 i{font:600 10px var(--body);font-style:normal;letter-spacing:.2em;border:1px solid #e8d9a8;border-radius:999px;padding:1px 6px}
.tq .lgstyles input:checked+span{box-shadow:inset 0 0 0 3px var(--green),0 0 0 2px var(--green)}
.tq .inlinechk{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:600;margin-top:6px;cursor:pointer}
/* friction cards */
.tq .fric{display:grid;gap:14px}
@media (min-width:760px){.tq .fric{grid-template-columns:repeat(3,1fr)}}
.tq .fc{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:22px;background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .fc>b{font-size:18px;line-height:1.25;margin-top:8px}.tq .fc>span{color:var(--muted);font-size:15px}
.tq .fbpost{background:#fff;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #e4e6eb;font:14px/1.35 system-ui,sans-serif;color:#050505}
.tq .fbh{display:flex;gap:8px;align-items:center;margin-bottom:6px}.tq .fbh i{width:32px;height:32px;border-radius:50%;background:#ccd0d5}
.tq .fbh b{display:block;font-size:14px}.tq .fbh span{font-size:12px;color:#65676b}
.tq .fbpost p{margin:0 0 8px}
.tq .fbc{display:grid;gap:5px}.tq .fbc span{justify-self:start;background:#f0f2f5;border-radius:14px;padding:6px 10px;font-size:13px}
.tq .dmthread{display:flex;flex-direction:column;gap:5px;background:#0b0e12;border-radius:14px;padding:12px;font:14px/1.3 system-ui,sans-serif}
.tq .dmthread span{max-width:75%;padding:7px 11px;border-radius:16px}
.tq .dmthread .in{align-self:flex-start;background:#2a333d;color:#eef2f6}
.tq .dmthread .out{align-self:flex-end;background:#0a84ff;color:#fff}
.tq .dmthread .seen{align-self:flex-end;background:none;color:#8a96a3;font-size:11px;padding:0 4px}
.tq .bigsys{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:120px;background:#fff7ed;border-radius:14px;padding:12px}
.tq .bigsys span{font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #fed7aa;color:#9a3412;text-decoration:line-through}
.tq .bigsys em{flex-basis:100%;font-style:normal;font-family:var(--display);font-size:20px;color:#c2410c}
/* light tier cards (trade pages) */
.tq .tiers.light .tier{background:var(--surface);box-shadow:0 1px 2px rgba(15,25,35,.05),0 10px 30px rgba(15,25,35,.08)}
.tq .tiers.light .tier.pop{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,#2bd35f,#0e7a35 45%,#ff8a3d) border-box}
.tq .tiers.light .tier h3,.tq .tiers.light .tier .tprice{color:var(--fg)}.tq .tiers.light .tier li{color:var(--fg)}.tq .tiers.light .tier .ttag{color:var(--muted)}
.tq .tiers.light .tier .tdel{color:#14a943}
.tq details.tg{padding:0 14px}
.tq details.tg summary{align-items:center}
.tq details.tg summary b{display:block;font-size:17px}.tq details.tg summary small{display:block;color:var(--muted);font-size:13px;font-weight:500}
.tq details.tg .tchips{padding-bottom:14px}
.tq .kitonly{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:rgba(43,211,95,.16);color:#0b7a33;vertical-align:1px}
.tq .field .inlinechk input{width:20px;height:20px;padding:0;flex:none;accent-color:var(--green)}
.tq .field input:disabled{opacity:.45}

.tq .paidok{display:flex;gap:8px;align-items:center;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.5);color:#fff;border-radius:12px;padding:10px 14px;margin:6px 0 14px;font-size:15px}
.tq .paidok .ic{width:20px;height:20px;color:#22c55e;flex:none}

/* Hero video: beside the hero on desktop, tap-to-watch card under the preview box on phones */
.tq .hvid{display:none}
.tq .hwatch{margin-top:14px;background:rgba(20,26,33,.82);backdrop-filter:blur(6px);grid-template-columns:84px 1fr;color:#eef2f6}
.tq .hwatch b{font-size:18px;color:#fff}.tq .hwatch span{color:#a3afbb;font-size:14px}
@media (min-width:960px){
  .tq .herophoto .wrap.hwrap{max-width:1120px;display:grid;grid-template-columns:minmax(0,620px) 300px;gap:56px;align-items:center;justify-content:center}
  .tq .hwatch{display:none}
  .tq .hvid{display:block;text-align:center}
  .tq .hvid video{display:block;width:300px;aspect-ratio:9/16;object-fit:cover;border-radius:28px;border:6px solid #1a2129;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);background:#0b0e12}
  .tq .hvid span{display:block;margin-top:10px;color:#a3afbb;font-size:14px}
}
.tq .hwatch{width:100%;border:0;text-align:left;font:inherit;cursor:pointer}
.tq .hwatch .video{position:relative}
.tq .hwatch .play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.25)}
.tq .hwatch .play::before{content:"";width:40px;height:40px;border-radius:50%;background:#2bd35f;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.tq .hwatch .play::after{content:"";position:absolute;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #06210f;margin-left:3px}
.tq .hwatch.on .play{display:none}
.tq .hvbox{position:relative;display:inline-block}
.tq .hvid .snd{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);border:0;border-radius:999px;padding:10px 18px;background:#2bd35f;color:#06210f;font:700 15px/1 system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.45);cursor:pointer;white-space:nowrap}
.tq .hvid .snd[hidden]{display:none}