/* ==========================================================================
   Novo Insider page (/insider/<slug>/). Justin, 2026-10-16.
   One job: let a team's agents book a shoot in a minute. Every team uses this
   one page; the team, its people and its rate come from /api/team.
   Decorated moments: the picked person (gold offset, like the pricing tiles)
   and the recommended package card. Nothing else.
   Needs: shared.css, booking.css, express.css.
   ========================================================================== */
body{background:var(--paper);}
.tm-top{display:flex;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:16px 20px;}
.tm-top img{height:44px;width:auto;flex:none;}          /* never squeezed by a long team name */
.tm-top a:first-child{flex:none;display:flex;}
.tm-team{min-width:0;}
.tm-x{font-family:var(--fd);font-size:20px;color:var(--gold-deep);line-height:1;}
.tm-team{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.1;}
.tm-team small{display:block;font-family:var(--ff);font-weight:500;font-size:12.5px;letter-spacing:0;color:var(--ink-soft);}
.tm-top .pill{margin-left:auto;flex:none;white-space:nowrap;}   /* never squeezed by a long team name (2026-10-17) */
@media(max-width:420px){.tm-top{gap:10px;}.tm-top img{height:36px;}.tm-top .pill{padding:11px 14px;}}
@media(max-width:520px){.tm-top{gap:10px;padding:12px 16px;}.tm-top img{height:38px;}.tm-team{font-size:17px;}
  .tm-top .pill{padding:9px 13px;}}

.tm-in{max-width:1120px;margin:0 auto;}
/* shared.css pads every <section> 100px; these set their own */
main > section.tm-hero,main > section.tm-start{padding:22px 20px 8px;}
main > section.tm-start{padding-bottom:50px;}
.tm-hero[hidden],.tm-start[hidden],.tm-recent[hidden]{display:none;}
main > section.tm-book{padding:30px 20px 34px;}
main > section.tm-recent{padding:0 20px 36px;}
.tm-hero h1{font-size:clamp(38px,6vw,60px);margin:0 0 10px;}
.tm-lede{font-size:17px;max-width:560px;margin:0 0 26px;}
.tm-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;}
@media(max-width:900px){.tm-grid{grid-template-columns:minmax(0,1fr);gap:24px;}}

/* who's booking */
.tm-q{font-family:var(--fd);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;}
.tm-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media(max-width:420px){.tm-who{grid-template-columns:minmax(0,1fr);}}
.tm-pw{position:relative;}
.tm-p{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;cursor:pointer;min-height:68px;
  transition:border-color .15s ease, background .15s ease, color .15s ease;}
.tm-p:hover{border-color:var(--ink);}
.tm-p:focus-visible,.tm-rm:focus-visible,.tm-link:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
.tm-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);
  font-family:var(--fd);font-weight:800;font-size:15px;letter-spacing:.02em;}
.tm-p > span:last-child{min-width:0;}
.tm-p b{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere;}
.tm-p small{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.3;}
.tm-p[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:5px 5px 0 0 var(--gold);}
.tm-p[aria-pressed="true"] .tm-av{background:var(--gold);color:var(--ink);}
.tm-p[aria-pressed="true"] small{color:rgba(251,248,242,.7);}
.tm-p.add .tm-av{background:transparent;border:1.5px dashed rgba(59,47,38,.35);color:var(--ink-soft);}
.tm-who.need .tm-p:not(.add){border-color:var(--gold-deep);animation:tmNudge .5s ease 2;}
@keyframes tmNudge{0%,100%{transform:none;}50%{transform:translateY(-3px);}}
.tm-rm{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);
  background:var(--paper);color:#7A2E1C;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;}
.tm-rm:hover{border-color:#7A2E1C;}
.tm-add{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;align-items:end;}
.tm-add[hidden]{display:none;}
@media(max-width:700px){.tm-add{grid-template-columns:minmax(0,1fr);}}
.tm-add label span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink);}
.tm-add input{width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-add input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(130,100,63,.18);}
.tm-add .tm-add-go{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.tm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.tm-as{font-size:14.5px;margin:12px 0 0;min-height:22px;}
.tm-as b{color:var(--ink);}
.tm-err{color:#8a2f1f;}
.tm-tools{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:6px;}
.tm-link{font:inherit;font-size:14px;color:var(--gold-deep);font-weight:600;background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;}

/* the team's standing */
.tm-status{background:var(--room);color:var(--paper);border-radius:var(--radius-lg);padding:24px 24px 22px;
  box-shadow:0 22px 46px -24px rgba(21,19,15,.55);}
.tm-count{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;}
.tm-count b{font-family:var(--fd);font-weight:800;font-size:48px;line-height:1;letter-spacing:-.04em;color:var(--paper);font-variant-numeric:tabular-nums;}
.tm-count span{font-size:15px;color:rgba(251,248,242,.78);line-height:1.3;}
.tm-rate{font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--gold);margin:12px 0 2px;}
.tm-rate-sub{font-size:13.5px;color:rgba(251,248,242,.72);margin:0 0 16px;}
.tm-prog{height:6px;border-radius:6px;background:rgba(251,248,242,.14);overflow:hidden;}
.tm-prog i{display:block;height:100%;background:var(--gold);border-radius:6px;}
.tm-next{font-size:13.5px;color:rgba(251,248,242,.8);margin:8px 0 16px;}
.tm-ladder{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid rgba(251,248,242,.14);
  display:grid;grid-template-columns:repeat(6,1fr);gap:4px;text-align:center;}
.tm-ladder li{font-size:11px;color:rgba(251,248,242,.55);line-height:1.3;font-family:var(--fm);letter-spacing:.02em;}
.tm-ladder li b{display:block;font-family:var(--fd);font-size:15px;color:rgba(251,248,242,.62);letter-spacing:-.01em;}
.tm-ladder li.on b,.tm-ladder li.on{color:var(--gold);}
.tm-ladder li.done b{color:rgba(251,248,242,.85);}
.tm-terms{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;}
.tm-terms li{position:relative;padding-left:20px;font-size:13.5px;color:rgba(251,248,242,.8);line-height:1.45;}
.tm-terms li::before{content:'\2713';position:absolute;left:0;color:var(--gold);}

/* the booking panel: strangers' extras hidden; a team that chose Novo just books */
.tm-book .x-quote,.tm-book #xFull,.tm-book .x-full-cta{display:none !important;}
.tm-book[hidden],.tm-wait[hidden]{display:none !important;}
/* same side gutters as every section (20px), so the text never touches the edge */
.tm-wait{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:40px 20px;color:var(--ink-soft);font-size:17px;line-height:1.55;}
.tm-wait-h{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(32px,5.4vw,54px);line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;text-wrap:balance;}
.tm-hero[hidden]{display:none;}

/* recent shoots */
.tm-recent h2{font-size:clamp(22px,3vw,28px);margin:0 0 14px;}
.tm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.tm-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:13px 0;border-bottom:1px solid var(--line);}
.tm-list b{font-size:15px;color:var(--ink);font-weight:600;overflow-wrap:anywhere;}
.tm-list span{font-size:13.5px;color:var(--ink-soft);}
.tm-list .when{text-align:right;font-variant-numeric:tabular-nums;}
.tm-list .soon{font-family:var(--fm);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep);margin-left:6px;}
.tm-note{font-size:14px;margin:12px 0 0;}

.tm-foot{padding:22px 20px 34px;text-align:center;font-size:13.5px;color:var(--ink-soft);border-top:1px solid var(--line);}
.tm-foot a{color:var(--gold-deep);}
@media(prefers-reduced-motion:reduce){.tm-p{transition:none;}.tm-who.need .tm-p{animation:none;}}

/* sign-up form */
.tm-form{display:grid;gap:14px;}
.tm-f{display:block;}
.tm-f span{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 6px;}
.tm-f em{font-weight:400;color:var(--ink-soft);font-style:normal;}
.tm-f input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-f input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(130,100,63,.18);}
.tm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.tm-people{border:0;margin:6px 0 0;padding:0;display:grid;gap:12px;}
.tm-people legend{font-family:var(--fd);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;padding:0;}
.tm-people legend em{font-family:var(--ff);font-weight:400;font-size:14px;letter-spacing:0;color:var(--ink-soft);font-style:normal;}
.tm-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;}
@media(max-width:700px){.tm-row,.tm-two{grid-template-columns:minmax(0,1fr);}
  .tm-row + .tm-row{padding-top:14px;border-top:1px solid var(--line);}}
.tm-row .tm-rm{top:-6px;right:-6px;}
.tm-check{font-size:14px;margin:-6px 0 0;min-height:21px;color:var(--ink-soft);}
.tm-check code{font-family:var(--fm);font-size:13px;color:var(--ink);}
.tm-check .ok{color:#2F6A2A;font-weight:600;}
.tm-check .no{color:#8a2f1f;font-weight:600;}
.tm-form .pill{justify-self:start;}

/* leaderboard */
.tm-board h2{font-size:clamp(22px,3vw,28px);margin:0 0 6px;}
.tm-board p{font-size:14.5px;margin:0 0 14px;}
.tm-board ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:b;}
.tm-board li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);counter-increment:b;font-size:15px;}
.tm-board li::before{content:counter(b);font-family:var(--fd);font-weight:800;font-size:15px;color:var(--ink-soft);width:22px;}
.tm-board li span{flex:1;min-width:0;overflow-wrap:anywhere;}
.tm-board li b{font-variant-numeric:tabular-nums;}
.tm-board li.you{font-weight:700;}
.tm-board li.you::before{color:var(--gold-deep);}
/* "Already have a page?": its own light card (sign-up page bottom, broken links) */
.tm-find{display:grid;gap:10px;max-width:560px;margin:34px 0 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-find-h{font-family:var(--fd);font-weight:800;font-size:21px;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--ink);}
.tm-find-sub{margin:0;font-size:15px;color:var(--ink-soft);}
.tm-find-row{display:flex;flex-wrap:wrap;gap:10px;}
.tm-find input{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-find input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(130,100,63,.18);}
.tm-find-msg{font-size:14px;color:var(--ink-soft);margin:0;min-height:20px;}
.tm-wait > p{margin:0;}
.tm-wait .tm-find{margin:24px 0 0;}
.tm-wait .tm-wait-new{margin-top:22px;font-size:15.5px;}
.tm-wait a{color:var(--gold-deep);}

/* you, goals, the team challenge */
.tm-me{margin:4px 0 6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-me[hidden],.tm-settings[hidden]{display:none;}
.tm-me-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.tm-me-nums span{font-size:12.5px;color:var(--ink-soft);line-height:1.3;}
.tm-me-nums b{display:block;font-family:var(--fd);font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;}
.tm-goal{margin:12px 0 2px;}
.tm-goal span{display:block;font-size:13.5px;color:var(--ink-soft);margin-top:6px;}
.tm-gbar{height:6px;border-radius:6px;background:rgba(59,47,38,.12);overflow:hidden;}
.tm-gbar i{display:block;height:100%;border-radius:6px;background:var(--gold-deep);}
.tm-goalform{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:12px;font-size:14px;}
.tm-goalform label{display:flex;align-items:center;gap:8px;}
.tm-goalform input{width:76px;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-goalform select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-chal{margin-bottom:30px;}
.tm-chal .tm-link[aria-pressed="true"]{color:var(--ink);text-decoration:none;}
.tm-chal .tm-goal{margin:0 0 14px;}
.tm-board li small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:400;}
.tm-rewards{margin-top:14px;padding:12px 14px;border:1px dashed var(--gold-deep);border-radius:var(--radius-sm);background:var(--paper);}
.tm-rewards p{margin:0;font-size:14.5px;color:var(--ink);}
.tm-rewards ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px;}
.tm-rewards li{font-size:14.5px;color:var(--ink);}
.tm-rewards li span{display:block;font-size:13px;color:var(--ink-soft);}
.tm-rewards .tm-small{font-size:13px;color:var(--ink-soft);}

/* ---- 2026-10-16 v2: name first, then the greeting, badges and booking ---- */
main > section.tm-you{padding:6px 20px 30px;}
main > section.tm-team{padding:0 20px 34px;}
.tm-you[hidden],.tm-team[hidden],.tm-badges[hidden],.tm-gift[hidden],#tmPick[hidden],.tm-lede[hidden]{display:none;}
.tm-hero h1{font-size:clamp(32px,5.4vw,54px);max-width:16ch;text-wrap:balance;}
.tm-h2{font-size:clamp(21px,2.8vw,26px);margin:26px 0 12px;}
.tm-small{font-size:13px;color:var(--ink-soft);margin:10px 0 0;}
.tm-board li small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:400;}

/* status badges: the level (dark room, gold emblem), Top 10, rank */
.tm-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 16px;}
.tm-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;background:var(--room);color:var(--gold);
  box-shadow:inset 0 1px 0 rgba(251,248,242,.12),0 8px 20px -10px rgba(21,19,15,.55);}
.tm-badge svg,.tm-top10 svg,.tm-gift svg,.tm-lvl svg{flex:none;width:30px;height:30px;}
.tm-badge b{display:block;font-family:var(--fd);font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--paper);line-height:1.15;}
.tm-badge small{display:block;font-size:12px;color:rgba(251,248,242,.72);line-height:1.2;}
/* the top levels get a warmer ring */
.tm-badge.lv-5,.tm-badge.lv-6{background:linear-gradient(135deg,#3a2c1f,#2a2018);box-shadow:inset 0 0 0 1.5px var(--gold),0 8px 20px -10px rgba(21,19,15,.55);}
.tm-top10{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--gold);color:var(--on-gold);
  font-family:var(--fm);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
.tm-top10 svg{width:22px;height:22px;}
.tm-rank{font-family:var(--fm);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}

/* a reward waiting */
.tm-gift{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px 16px;border-radius:var(--radius);
  border:1px dashed var(--gold-deep);background:#FFF8EA;color:var(--gold-deep);max-width:720px;}
.tm-gift span{font-size:14.5px;color:var(--ink-soft);line-height:1.45;}
.tm-gift b{color:var(--ink);}

/* the status card's level header and named ladder */
.tm-lvl{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--gold);}
.tm-lvl svg{width:46px;height:46px;}
.tm-lvl b{display:block;font-family:var(--fd);font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--paper);line-height:1.1;}
.tm-lvl span{display:block;font-size:13px;color:rgba(251,248,242,.7);}
.tm-ladder{grid-template-columns:repeat(7,1fr);}
.tm-ladder li{font-family:var(--ff);font-size:10.5px;letter-spacing:0;}
.tm-ladder li span{display:block;font-family:var(--fm);font-size:10px;opacity:.75;}
@media(max-width:420px){.tm-ladder{grid-template-columns:repeat(4,1fr);row-gap:10px;}}

/* rating a past shoot */
.tm-list li .tm-rated,.tm-list li .tm-rate-form{grid-column:1 / -1;}
.tm-rated{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px;}
.tm-stars{color:var(--gold-deep);letter-spacing:1px;font-size:15px;}
.tm-stars i{font-style:normal;color:rgba(59,47,38,.2);}
.tm-rated q{font-size:13.5px;color:var(--ink-soft);quotes:"\201C" "\201D";}
.tm-rate-form{display:grid;gap:8px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-deep);}
.tm-starpick{display:flex;gap:4px;}
.tm-starpick button{font-size:28px;line-height:1;background:none;border:0;padding:2px 3px;cursor:pointer;color:rgba(59,47,38,.22);}
.tm-starpick button.on{color:var(--gold-deep);}
.tm-starpick button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:4px;}
.tm-rate-form textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);resize:vertical;}
.tm-rate-go{display:flex;gap:12px;align-items:center;}

/* feedback on the page itself */
main > section.tm-fb{padding:6px 20px 34px;}
.tm-fb[hidden]{display:none;}
.tm-fbform{display:grid;gap:10px;max-width:620px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-fbform textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);resize:vertical;}

/* "Just me / A team" on the sign-up form */
.tm-solo{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;justify-self:start;}
.tm-seg{font:inherit;font-family:var(--fm);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;
  background:var(--paper);color:var(--ink);border:0;cursor:pointer;}
.tm-seg + .tm-seg{border-left:1px solid var(--line);}
.tm-seg[aria-pressed="true"]{background:var(--ink);color:var(--paper);}
.tm-seg:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-2px;}
[data-teamonly][hidden]{display:none;}

/* refer an agent */
.tm-refer{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
.tm-refer p{font-size:14.5px;margin:0 0 10px;color:var(--ink-soft);}
.tm-refer p b{color:var(--ink);}
.tm-refer ul{list-style:none;margin:10px 0 0;padding:0;font-size:14px;}
.tm-refer li{padding:4px 0;}
.tm-refer li span{color:var(--ink-soft);}

/* the sign-up page's example: a real badge, the greeting, a real price */
.tm-peek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px;max-width:1120px;}
@media(max-width:820px){.tm-peek{grid-template-columns:minmax(0,1fr);}}
.tm-peek-cell{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);padding:14px 16px;display:flex;flex-direction:column;gap:8px;}
.tm-peek-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.tm-peek-cell .tm-badge{align-self:flex-start;}
.tm-peek-hello{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:0;}
.tm-peek-sub{font-size:13.5px;line-height:1.45;margin:0;color:var(--ink-soft);}
.tm-peek-price{font-family:var(--fd);margin:0;line-height:1;}
.tm-peek-price b{font-weight:800;font-size:30px;letter-spacing:-.03em;color:var(--ink);}
.tm-peek-price s{font-size:16px;font-weight:600;color:var(--ink-soft);margin-left:6px;}
/* eight levels: two even rows of four, everywhere */
.tm-ladder{grid-template-columns:repeat(4,1fr);row-gap:12px;}
.tm-rate-q{font-family:var(--fd);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink);margin:0;}
.tm-rate-l{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px;}
.tm-rate-l em{font-weight:400;color:var(--ink-soft);font-style:normal;}
[data-ratemore][hidden]{display:none;}
/* the monthly standing: same chip, ink instead of gold so the two read apart */
.tm-top10.tm-month{background:var(--ink);color:var(--gold);}

/* ---- the status block (2026-10-16 v3): one composed piece ---- */
.tm-badges{display:block;margin:0 0 20px;}
.tm-st{max-width:560px;background:var(--room);color:var(--paper);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(201,162,114,.22),0 22px 44px -26px rgba(21,19,15,.6);}
.tm-st-main{display:flex;align-items:center;gap:16px;padding:18px 20px 12px;}
.tm-medal{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:var(--gold);
  background:radial-gradient(circle at 35% 30%,#4a3a2c,#2a2018 70%);box-shadow:inset 0 0 0 1.5px rgba(201,162,114,.55),0 6px 14px -6px rgba(0,0,0,.6);}
.tm-medal svg{width:40px;height:40px;}
.tm-st-txt{display:flex;flex-direction:column;min-width:0;}
.tm-st-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,242,.55);}
.tm-st-level{font-family:var(--fd);font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-.03em;color:var(--paper);margin:2px 0 3px;}
.tm-st-perk{font-size:15px;color:var(--gold);font-weight:600;}
.tm-st-next{padding:0 20px 16px;}
.tm-st-bar{height:4px;border-radius:4px;background:rgba(251,248,242,.12);overflow:hidden;margin:4px 0 8px;}
.tm-st-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#a9854f,var(--gold));}
.tm-st-next span{font-size:12.5px;color:rgba(251,248,242,.65);}
.tm-honors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));
  border-top:1px solid rgba(201,162,114,.2);background:rgba(0,0,0,.14);}
.tm-honors li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:12px 14px;}
.tm-honors li + li{border-left:1px solid rgba(201,162,114,.16);}
.tm-honors svg{grid-row:1;width:18px;height:18px;color:var(--gold);}
.tm-honors b{grid-row:1;font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--gold);line-height:1;}
.tm-honors span{grid-column:1 / -1;font-size:11.5px;line-height:1.3;color:rgba(251,248,242,.7);margin-top:5px;}
/* the top levels get a warmer medal */
.tm-st.lv-5 .tm-medal,.tm-st.lv-6 .tm-medal,.tm-st.lv-7 .tm-medal{background:radial-gradient(circle at 35% 30%,#d8b88a,#9b7646 75%);color:#2a2018;
  box-shadow:inset 0 0 0 1.5px rgba(255,240,210,.6),0 6px 16px -6px rgba(201,162,114,.6);}
.tm-st.lv-0 .tm-medal{color:rgba(201,162,114,.55);}
@media(max-width:420px){.tm-st-main{padding:16px 16px 10px;gap:13px;}.tm-st-next{padding:0 16px 14px;}
  .tm-medal{width:52px;height:52px;}.tm-medal svg{width:36px;height:36px;}.tm-st-level{font-size:25px;}
  .tm-honors li{padding:11px 10px;}.tm-honors b{font-size:18px;}}
.tm-st-mini{box-shadow:inset 0 0 0 1px rgba(201,162,114,.22);}
.tm-st-mini .tm-st-main{padding:12px 14px;gap:12px;}
.tm-st-mini .tm-medal{width:46px;height:46px;}.tm-st-mini .tm-medal svg{width:32px;height:32px;}
.tm-st-mini .tm-st-level{font-size:22px;}
.tm-st-mini .tm-st-perk{font-size:13.5px;}
/* "See details": the status card opens in place (2026-10-16) */
.tm-st-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;flex-wrap:wrap;}
.tm-st-more{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12.5px;font-weight:600;color:var(--gold);
  background:none;border:0;padding:10px 0;margin:-10px 0;cursor:pointer;white-space:nowrap;}
.tm-st-next .tm-st-more span{font-size:inherit;color:inherit;text-decoration:underline;text-decoration-color:rgba(201,162,114,.45);text-underline-offset:3px;}
.tm-st-more:hover span{text-decoration-color:var(--gold);}
.tm-st-more svg{width:12px;height:12px;transition:transform .28s ease;}
.tm-st.open .tm-st-more svg{transform:rotate(180deg);}
.tm-st-more:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px;}
.tm-st-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,.8,.24,1);}
.tm-st-drawer>div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .34s;}
.tm-st.open .tm-st-drawer{grid-template-rows:1fr;}
.tm-st.open .tm-st-drawer>div{visibility:visible;transition-delay:0s;}
.tm-st-body{margin:0 20px;padding:16px 0 18px;border-top:1px solid rgba(201,162,114,.2);}
.tm-st-count{display:flex;align-items:center;gap:12px;margin:0 0 12px;}
.tm-st-count b{font-family:var(--fd);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.04em;color:var(--paper);font-variant-numeric:tabular-nums;}
.tm-st-count span{font-size:13.5px;line-height:1.35;color:rgba(251,248,242,.75);}
.tm-st-p{font-size:13.5px;line-height:1.5;color:rgba(251,248,242,.75);margin:0 0 14px;}
.tm-st-p b{color:var(--paper);font-weight:600;}
@media(max-width:420px){.tm-st-body{margin:0 16px;}}
@media(prefers-reduced-motion:reduce){.tm-st-drawer,.tm-st-drawer>div,.tm-st-more svg{transition:none;}}
/* below the booking panel: one column now the status card moved up */
.tm-one>div{max-width:760px;}
.tm-me + #tmChallenge .tm-chal{margin-top:30px;}
/* "Not Killian? Switch": one quiet line under the greeting */
.tm-notme{font-size:14.5px;color:var(--ink-soft);margin:-2px 0 12px;}
.tm-notme .tm-link{font-size:inherit;padding:0;}
.tm-notme[hidden],.tm-tools [hidden]{display:none;}
.tm-hero .tm-as:empty{min-height:0;margin:0;}
/* the greeting's line already says what to do with the sliders: no second
   instruction, and the sliders sit close under it */
.tm-book #s0 > .x-hint:first-child{display:none;}
main > section.tm-book{padding-top:6px;}
/* "Add to your home screen": steps for their phone */
.tm-home{max-width:520px;margin:16px 0 0;padding:16px 18px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-home[hidden]{display:none;}
.tm-home-lede{font-size:14.5px;color:var(--ink);margin:0 0 12px;}
.tm-home-tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:0 0 12px;}
.tm-home-tabs button{font:500 11px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;}
.tm-home-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);}
.tm-home-tabs button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-2px;}
.tm-home-steps{margin:0;padding:0 0 0 20px;display:grid;gap:7px;font-size:14.5px;line-height:1.45;color:var(--ink);}
.tm-home-steps li::marker{font-family:var(--fm);font-size:12px;color:var(--gold-deep);}
.tm-home-steps .tm-link{font-size:inherit;padding:0;}
.tm-ico{width:17px;height:17px;vertical-align:-3px;color:#2f7cf6;}
.tm-home-note{font-size:13px;color:var(--ink-soft);margin:10px 0 0;}
/* the section shares its class name with the header's team name: reset the type */
.tm-home{font-family:var(--ff);font-weight:400;letter-spacing:0;}
.tm-home b{font-weight:600;}
.tm-home-note{line-height:1.5;}
/* "You, Killian": stats and goal only; no empty band above the heading */
.tm-me .tm-h2{margin-top:0;}
/* Refer an agent: its own card near the bottom */
.tm-refer{margin:34px 0 0;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-refer[hidden]{display:none;}
.tm-refer .tm-h2{margin:0 0 8px;}
/* "Manage the team" / "Page options": opens in place, switches save at once */
#tmEdit{display:inline-flex;align-items:center;gap:5px;}
#tmEdit svg{width:12px;height:12px;transition:transform .25s ease;}
#tmEdit[aria-expanded="true"] svg{transform:rotate(180deg);}
.tm-settings{max-width:560px;margin:16px 0 0;padding:4px 18px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);
  font-family:var(--ff);font-weight:400;letter-spacing:0;font-size:15px;}
.tm-opt{padding:14px 0;border-bottom:1px solid var(--line);}
.tm-opt h3{font-family:var(--fd);font-weight:800;font-size:16px;letter-spacing:-.01em;line-height:1.2;color:var(--ink);margin:0 0 4px;}
.tm-opt p{font-size:14px;line-height:1.45;color:var(--ink-soft);margin:0;}
.tm-opt-row{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.tm-people{list-style:none;margin:8px 0 12px;padding:0;}
.tm-people li{display:flex;align-items:center;gap:10px;padding:8px 0;}
.tm-people li + li{border-top:1px solid var(--line);}
.tm-people .tm-av{width:32px;height:32px;font-size:12px;}
.tm-people-n{flex:1;min-width:0;font-size:15px;color:var(--ink);overflow-wrap:anywhere;}
.tm-people-n small{font-size:13px;color:var(--ink-soft);}
.tm-danger{color:#7A2E1C;}
.tm-opt-add{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
#tmAddSlot .tm-add{grid-template-columns:minmax(0,1fr);}
.tm-sw{flex:none;position:relative;width:46px;height:28px;padding:0;border-radius:999px;border:0;background:rgba(59,47,38,.24);cursor:pointer;transition:background .2s ease;}
.tm-sw i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease;}
.tm-sw[aria-checked="true"]{background:var(--gold-deep);}
.tm-sw[aria-checked="true"] i{transform:translateX(18px);}
.tm-sw:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
.tm-sw:disabled{opacity:.6;cursor:progress;}
.tm-opt .tm-goalform{margin-top:12px;}
.tm-settings .tm-as:empty{min-height:0;margin:0;}
.tm-opt-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;margin:0;font-size:13px;color:var(--ink-soft);}
@media(prefers-reduced-motion:reduce){.tm-sw,.tm-sw i,#tmEdit svg{transition:none;}}
/* the bottom section shares .tm-team with the header's team name: body type here */
section.tm-team{font-family:var(--ff);font-weight:400;font-size:15px;letter-spacing:0;line-height:1.5;}
.tm-settings .tm-danger{color:var(--ink-soft);font-size:13.5px;font-weight:500;}
.tm-settings .tm-danger:hover{color:#7A2E1C;}
.tm-opt-add{gap:4px 8px;}
.tm-opt-add span{font-size:13.5px;color:var(--ink-soft);}
/* Email settings, in the You card */
.tm-me-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;}
.tm-mail{margin-top:12px;border-top:1px solid var(--line);}
.tm-mail .tm-opt-row{padding:12px 0;}
.tm-mail .tm-opt-row + .tm-opt-row{border-top:1px solid var(--line);}
.tm-mail b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);}
.tm-mail p{font-size:13.5px;line-height:1.45;color:var(--ink-soft);margin:2px 0 0;}
.tm-mail .tm-mail-note{margin:0;padding-top:10px;border-top:1px solid var(--line);}
/* "Who's joining?": two big choices, the picked one dark with the gold offset (the picked-person style) */
.tm-kind-q{margin:0 0 6px;}
.tm-kind-h{font-family:var(--fd);font-weight:800;font-size:clamp(22px,3vw,26px);letter-spacing:-.02em;line-height:1.15;margin:0 0 12px;color:var(--ink);}
.tm-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media(max-width:560px){.tm-kind{grid-template-columns:minmax(0,1fr);}}
.tm-kind .tm-p{min-height:84px;padding:14px 16px;align-items:center;}
.tm-kind .tm-av svg{width:24px;height:24px;}
.tm-kind .tm-p b{font-size:17px;font-family:var(--fd);font-weight:800;letter-spacing:-.01em;}
.tm-kind .tm-p small{font-size:13.5px;margin-top:2px;}
.tm-foot a{white-space:nowrap;}
/* team code: shown in Manage the team; typed on the sign-up page to join */
.tm-codev{display:inline-block;font-family:var(--fm);font-size:17px;letter-spacing:.14em;color:var(--ink);background:var(--paper);
  border:1px dashed var(--gold-deep);border-radius:var(--radius-sm);padding:4px 10px;margin:2px 10px 6px 0;}
.tm-join-q{font-size:14.5px;color:var(--ink-soft);margin:12px 0 0;}
.tm-join-q .tm-link{font-size:inherit;padding:0;}
.tm-join{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;}
.tm-join[hidden]{display:none;}
.tm-join input{width:160px;font:600 17px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-join input:focus{outline:none;border-color:var(--ink);}
.tm-join-msg{flex-basis:100%;margin:0;font-size:14px;color:var(--ink-soft);min-height:20px;}
/* Your shoots / Whole team */
.tm-shoots-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:26px 0 12px;}
.tm-shoots-top .tm-h2{margin:0;}
.tm-seg2{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper);}
.tm-seg2[hidden]{display:none;}
.tm-seg2 button{font:500 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;padding:9px 13px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;}
.tm-seg2 button[aria-pressed="true"]{background:var(--ink);color:var(--paper);}
.tm-seg2 button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-2px;}
/* team leader */
.tm-lead{display:inline-block;font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);
  border:1px solid rgba(130,100,63,.4);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:2px;white-space:nowrap;}
.tm-pacts{display:flex;gap:14px;flex:none;}
.tm-people li{flex-wrap:wrap;}
.tm-next{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:8px 0 2px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);}
.tm-next label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink);}
.tm-next select,.tm-opt .tm-goalform select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-opt .tm-goalform label{flex-wrap:wrap;}
/* Insider pages on a phone: smaller package cards (Justin, 2026-10-16: "move
   the recommended badge somewhere else and put the pricing next to the
   package name"). Name and price share a row, what's included is a small
   link, the button is slimmer, and the badge sits on the card's top edge. */
@media(max-width:700px){
  .novo-express.x-team .x-cards{gap:18px;}
  .novo-express.x-team .x-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;row-gap:10px;
    padding:16px 16px 14px;position:relative;}
  /* Basic only above... below $300K: the compact grid must not un-hide it */
  .novo-express.x-team .x-card.offer:not(.in){display:none;}
  .novo-express.x-team .x-card h3{grid-column:1;grid-row:1;margin:0;font-size:20px;}
  .novo-express.x-team .x-card .x-price{grid-column:2;grid-row:1;margin:0;font-size:25px;text-align:right;white-space:nowrap;}
  .novo-express.x-team .x-card .x-price .x-was{font-size:13px;margin-left:5px;}
  .novo-express.x-team .x-badge{position:absolute;top:-10px;left:14px;margin:0;top:-11px;font-size:10px;padding:3px 9px;}
  /* both tags fit on the top edge: Recommended on the left, Booked last time on the right */
  .novo-express.x-team .x-usual{position:absolute;top:-11px;right:14px;margin:0;font-size:10px;padding:2px 8px;}
  .novo-express.x-team .x-card.feat .x-usual{background:var(--ink);}
  .novo-express.x-team .x-expand{grid-column:1 / -1;grid-row:2;width:auto;justify-self:start;border-top:0;padding:2px 0;margin:0;gap:6px;font-size:10.5px;}
  .novo-express.x-team .x-card .x-short{grid-column:1 / -1;}
  .novo-express.x-team .x-card.open .x-short{margin:0 0 4px;}
  .novo-express.x-team .x-card .pill[data-book]{grid-column:1 / -1;padding-top:11px;padding-bottom:11px;margin-top:2px;}
}
/* Your details */
.tm-details{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.tm-details label{display:grid;gap:5px;font-size:13.5px;font-weight:600;color:var(--ink);}
.tm-details label small{font-weight:400;color:var(--ink-soft);margin-left:4px;}
.tm-details input{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-details input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(130,100,63,.18);}
.tm-details-go{display:flex;gap:14px;align-items:center;}
.tm-details .tm-small{margin:0;font-size:13px;color:var(--ink-soft);}
.tm-me .tm-as:empty{min-height:0;margin:0;}
/* PIN: switching to someone on this phone, or setting your own */
.tm-pinbox[hidden]{display:none;}
.tm-pin{max-width:520px;margin:4px 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);display:grid;gap:10px;}
.tm-pin label{font-family:var(--fd);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--ink);}
.tm-pin p{margin:0;font-size:15px;color:var(--ink-soft);line-height:1.5;}
.tm-pin p b{color:var(--ink);}
.tm-pin-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.tm-pin input{width:140px;font:600 22px/1.2 var(--fm);letter-spacing:.4em;text-align:center;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:#fff;color:var(--ink);}
.tm-pin input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(130,100,63,.18);}
.tm-pin-msg{min-height:20px;font-size:14px;}
.tm-pin-msg.tm-err{color:#8a2f1f;}
.tm-pin-links{display:flex;flex-wrap:wrap;gap:4px 16px;}
.tm-pin-links .tm-link,.tm-pin-row .tm-link{font-size:14px;}
.tm-pinf small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:400;margin-top:4px;}
.tm-pinf input{max-width:160px;letter-spacing:.3em;}
.tm-add .tm-pinf{grid-column:1 / -1;display:grid;gap:5px;font-size:13.5px;font-weight:600;}
.tm-add .tm-pinf[hidden]{display:none;}
.tm-pin-msg:empty{min-height:0;}
/* ---- wide screens (2026-10-16): use the width ----
   Phones keep one column: you, team ranking, your shoots, the referral.
   From 1000px the hero puts the greeting beside the status card, and below
   the booking panel your own things sit left with the team on the right. */
.tm-cols{display:flex;flex-direction:column;}
.tm-main,.tm-side{display:contents;}
#tmMe{order:1;} #tmChallenge{order:2;} .tm-shoots{order:3;} #tmBoard{order:4;} #tmRefer{order:5;}
/* For your sellers right after the shoots on phones (it had no order, so it jumped above "You", 2026-10-17) */
#tmSellers{order:3;}
@media(min-width:1000px){
  .tm-hero .tm-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);column-gap:56px;align-items:start;}
  .tm-hero .tm-in > *{grid-column:1;}
  .tm-hero #tmBadges{grid-column:2;grid-row:1 / span 12;margin:6px 0 0;position:sticky;top:20px;}
  .tm-hero #tmBadges .tm-st{max-width:none;}
  .tm-hero h1{margin-top:10px;}
  .tm-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);column-gap:56px;align-items:start;}
  .tm-main,.tm-side{display:block;}
  .tm-side{position:sticky;top:20px;}
  .tm-side .tm-chal{margin-top:0;}
  .tm-side .tm-refer{margin-top:0;}
  .tm-side #tmChallenge:not(:empty) + .tm-refer{margin-top:28px;}
  .tm-me + #tmChallenge .tm-chal{margin-top:0;}
  .tm-one>div{max-width:none;}
}
@media(max-width:999px){#tmChallenge .tm-chal{margin-top:30px;}}
/* Insider pages at every width: the tags ride the card's top edge, so two of
   them never push one card's price below the others' */
.novo-express.x-team .x-card{position:relative;}
.novo-express.x-team .x-badge{position:absolute;top:-11px;left:14px;margin:0;font-size:10px;padding:3px 9px;}
.novo-express.x-team .x-usual{position:absolute;top:-11px;right:14px;margin:0;font-size:10px;padding:2px 8px;}
.novo-express.x-team .x-card.feat .x-usual{background:var(--ink);}
.novo-express.x-team .x-cards{row-gap:22px;padding-top:6px;}
/* ---- one grid, top to bottom (Justin, 2026-10-16: "disjointed... more
   symmetrical, more intentional"). Every section on a wide screen uses the
   same two tracks and the same gap, so the right-hand column (status card,
   team ranking, referral, your team) runs in one straight line; every card
   fills its track; the header sits on the same edges as the content. ---- */
.tm-top{max-width:1160px;}
main > section.tm-end{padding:14px 20px 44px;}
.tm-teamtools[hidden]{display:none;}
.tm-endgrid{display:flex;flex-direction:column;gap:34px;}
.tm-tt-h{margin:0 0 12px;}
@media(min-width:1000px){
  :root{--ins-side:380px;--ins-gap:48px;}
  .tm-hero .tm-in,.tm-cols,.tm-endgrid{display:grid;grid-template-columns:minmax(0,1fr) var(--ins-side);column-gap:var(--ins-gap);align-items:start;}
  .tm-hero #tmBadges{margin-top:8px;}
  .tm-pin,.tm-fbform,.tm-home,.tm-settings{max-width:none;}
  main > section.tm-you{padding-top:24px;padding-bottom:20px;}
  .tm-endgrid .tm-teamtools{grid-column:2;grid-row:1;padding:20px 20px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
  .tm-endgrid .tm-fb{grid-column:1;grid-row:1;}
  .tm-teamtools .tm-tools{flex-direction:column;align-items:flex-start;gap:12px;margin:0;}
  .tm-teamtools .tm-tools .pill{align-self:stretch;justify-content:center;}
  .tm-teamtools .tm-home,.tm-teamtools .tm-settings{background:var(--paper);padding-left:16px;padding-right:16px;}
  .tm-teamtools .tm-settings .tm-opt-row{gap:12px;}
  .tm-side .tm-refer h2,.tm-side .tm-chal h2{margin-top:0;}
}
/* the reward notice sits right under the status card (Justin, 2026-10-16) */
.tm-hero-side .tm-gift{margin:-6px 0 20px;}
@media(min-width:1000px){
  .tm-hero .tm-in > .tm-hero-side{grid-column:2;grid-row:1 / span 12;position:sticky;top:20px;margin-top:8px;}
  .tm-hero #tmBadges{grid-column:auto;grid-row:auto;position:static;margin:0;}
  .tm-hero-side .tm-gift{margin:14px 0 0;}
}
/* ---- 2026-10-16, round 3: no gaps ----
   The hero keeps the status card on its own (the reward is a full-width
   strip under it on wide screens), and everything below the booking panel is
   two stacks with nothing after them: left you / shoots / feedback, right
   team ranking / your team / referral. The PIN box is compact. */
.tm-pin{max-width:460px;padding:14px 16px;gap:8px;}
.tm-pin label{font-size:16px;}
.tm-pin input{width:120px;font-size:20px;padding:8px 10px;}
.tm-fb{order:7;margin-top:34px;}
.tm-teamtools{order:6;margin-top:30px;}
#tmRefer{order:5;}
#tmChallenge:empty{display:none;}
@media(min-width:1000px){
  .tm-hero .tm-in.tm-herogrid > .tm-hero-side{grid-column:2;grid-row:1;position:static;margin-top:8px;}
  .tm-hero .tm-in.tm-herogrid > .tm-hero-main{grid-column:1;grid-row:1;}
  .tm-hero .tm-in.tm-herogrid > .tm-gift{grid-column:1 / -1;grid-row:2;margin:22px 0 0;}
  .tm-pin{max-width:460px;}
  .tm-side{position:static;display:flex;flex-direction:column;gap:24px;}
  .tm-side .tm-teamtools,.tm-side .tm-refer,.tm-main .tm-fb{margin-top:0;}
  .tm-main .tm-fb{margin-top:40px;}
  .tm-side .tm-teamtools{padding:20px 20px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
  .tm-side .tm-teamtools .tm-tools{flex-direction:column;align-items:flex-start;gap:12px;margin:0;}
  .tm-side .tm-teamtools .tm-tools .pill{align-self:stretch;justify-content:center;}
  .tm-side .tm-teamtools .tm-home,.tm-side .tm-teamtools .tm-settings{background:var(--paper);padding-left:16px;padding-right:16px;}
}
.tm-herogrid > .tm-gift{margin:-6px 0 20px;}
@media(min-width:1000px){.tm-side #tmChallenge{order:0;}.tm-side #tmTeam{order:1;}.tm-side #tmRefer{order:2;}}
.tm-herogrid > .tm-gift{max-width:none;}
/* teams: how the discount works, managers, and a manager's agents */
.tm-kind-q + .tm-kind-q{margin-top:22px;}
.tm-mgr{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;cursor:pointer;}
.tm-mgr[hidden]{display:none;}
.tm-mgr input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink);flex:none;}
.tm-mgr b{display:block;font-size:15px;color:var(--ink);font-weight:600;}
.tm-mgr small{display:block;font-size:13.5px;color:var(--ink-soft);}
.tm-agents{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;}
.tm-agents button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;cursor:pointer;}
.tm-agents button:hover{border-color:var(--ink);}
.tm-agents .tm-av{width:36px;height:36px;font-size:13px;}
.tm-agent-n{flex:1;min-width:0;}
.tm-agent-n b{display:block;font-size:15px;}
.tm-agent-n small{display:block;font-size:13px;color:var(--ink-soft);}
.tm-agents em{font-style:normal;font-family:var(--fm);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap;}
@media(max-width:480px){.tm-agents em{display:none;}}
.tm-st-team .tm-st-next{padding-top:4px;}
/* wide screens: the status card floats, so opening it never pushes the page */
@media(min-width:1000px){
  .tm-hero .tm-in.tm-herogrid > .tm-hero-side{height:0;overflow:visible;position:relative;z-index:20;}
  .tm-hero-side .tm-st.open{box-shadow:inset 0 0 0 1px rgba(201,162,114,.22),0 30px 60px -20px rgba(21,19,15,.55);}
}

/* the manager's one list: add an agent under it */
.tm-agent-add{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0 0;padding:10px 14px;text-align:left;font:inherit;color:var(--ink);
  background:transparent;border:1px dashed var(--line);border-radius:var(--radius);cursor:pointer;}
.tm-agent-add:hover{border-color:var(--ink);}
.tm-agent-add .tm-av{width:36px;height:36px;font-size:16px;background:transparent;color:var(--ink-soft);border:1px dashed currentColor;}
.tm-agent-add span:last-child{display:flex;flex-direction:column;}
.tm-agent-add small{font-size:13px;color:var(--ink-soft);}
#tmAgentAdd:not(:empty){margin-top:12px;}

/* the share panel (replaces the browser pop-up) */
.tm-share{border:0;padding:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);background:var(--paper);color:var(--ink);
  border-radius:var(--radius-lg);box-shadow:0 30px 70px -20px rgba(21,19,15,.55);}
.tm-share::backdrop{background:rgba(21,19,15,.5);}
.tm-share-in{position:relative;padding:26px 24px 22px;display:grid;gap:10px;}
.tm-share-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;}
.tm-share-x:hover{background:var(--paper-deep);color:var(--ink);}
.tm-share-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.tm-share-h{font-family:var(--fd);font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1.15;margin:0;padding-right:44px;}
.tm-share-lede{margin:0 0 4px;color:var(--ink-soft);font-size:15.5px;}
.tm-share-k{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;}
.tm-share-k small{text-transform:none;letter-spacing:0;font-family:var(--ff);font-size:12.5px;margin-left:6px;opacity:.8;}
.tm-share textarea,.tm-share input{width:100%;font:inherit;font-size:15.5px;line-height:1.45;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:10px 12px;}
.tm-share textarea{resize:vertical;min-height:96px;}
.tm-share textarea:focus,.tm-share input:focus{outline:none;border-color:var(--ink);}
.tm-share-link{display:flex;gap:8px;align-items:center;}
.tm-share-link input{flex:1;min-width:0;font-family:var(--fm);font-size:13px;color:var(--ink-soft);}
.tm-share-link .pill{flex:none;}
.tm-share-go{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.tm-share-b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);
  background:transparent;color:var(--ink);font:600 15px/1 var(--ff);text-decoration:none;cursor:pointer;}
.tm-share-b:hover{border-color:var(--ink);}
.tm-share-say{margin:2px 0 0;min-height:20px;font-size:14px;color:var(--ink-soft);}
@media(max-width:600px){
  .tm-share{margin:auto 0 0;width:100%;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;}
  .tm-share-in{padding:24px 18px calc(18px + env(safe-area-inset-bottom));}
  .tm-share-go > *{flex:1 1 auto;}
}
/* the open status card floats over the booking section below the hero
   (the booking section sits at z-index 2, so the hero has to be above it) */
@media(min-width:1000px){ main > section#tmHero{position:relative;z-index:3;} }
/* the "Agents see each other's stats" switch under How your team works */
.tm-opt p + .tm-opt-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}

/* a solo page joining its team's page by code */
.tm-jointeam{flex-wrap:wrap;align-items:center;}
.tm-codein{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;}
.tm-claim{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-soft);}
.tm-claim input{width:18px;height:18px;accent-color:var(--ink);}

/* "Manage the team": phones keep the old order (the two halves are invisible
   wrappers); wide screens get a pane with people beside the settings */
.tm-settings:not([hidden]){display:flex;flex-direction:column;}
.tm-mg,.tm-mg-main,.tm-mg-side{display:contents;}
.tm-settings .o1{order:1;}.tm-settings .o2{order:2;}.tm-settings .o3{order:3;}.tm-settings .o4{order:4;}
.tm-settings .o5{order:5;}.tm-settings .o6{order:6;}.tm-settings > .tm-as,.tm-settings > .tm-opt-foot{order:9;}
.tm-mgmt{border:0;padding:0;width:min(1160px,calc(100vw - 64px));max-width:none;max-height:calc(100vh - 64px);margin:auto;overflow:auto;
  border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);box-shadow:0 40px 90px -30px rgba(21,19,15,.6);}
.tm-mgmt[open]{animation:tmMgIn .28s cubic-bezier(.2,.7,.2,1) both;}
.tm-mgmt::backdrop{background:rgba(21,19,15,.5);animation:tmMgFade .28s ease both;}
@keyframes tmMgIn{from{opacity:0;transform:translateY(12px) scale(.985);}to{opacity:1;transform:none;}}
@keyframes tmMgFade{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.tm-mgmt[open],.tm-mgmt::backdrop{animation:none;}}
.tm-mgmt-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 36px 16px;background:var(--paper);border-bottom:1px solid var(--line);}
.tm-mgmt-top h2{margin:0;font-size:28px;letter-spacing:-.025em;}
.tm-mgmt-x{width:44px;height:44px;margin-right:-10px;border-radius:50%;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;}
.tm-mgmt-x:hover{background:var(--paper-deep);color:var(--ink);}
.tm-mgmt-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.tm-mgmt .tm-settings:not([hidden]){display:block;max-width:none;margin:0;padding:10px 36px 24px;border:0;border-radius:0;background:transparent;}
.tm-mgmt .tm-mg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 56px;align-items:start;}
.tm-mgmt .tm-mg-main,.tm-mgmt .tm-mg-side{display:block;}
.tm-mgmt .tm-mg-side{position:sticky;top:84px;}
.tm-mgmt .tm-mg-side > .tm-opt:last-child,.tm-mgmt .tm-mg-main > .tm-opt:last-child{border-bottom:0;}

/* leaving the team: what happens, then the PIN */
.tm-leave{margin:14px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid;gap:10px;}
.tm-leave h3{margin:0;font-size:18px;letter-spacing:-.01em;}
.tm-leave p{margin:0;font-size:15px;color:var(--ink-soft);}
.tm-leave label{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.tm-leave .tm-pin-row input{max-width:130px;}
.tm-leave-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
.tm-leave-btn{background:#7A2E1C;border-color:#7A2E1C;color:var(--paper);}
.tm-leave-btn:hover{background:#5f2315;border-color:#5f2315;}
.tm-me-links .tm-leave-link{color:var(--ink-soft);}

/* sign-up: what kind of work (four quiet choices, the picked one dark) */
.tm-work{display:flex;flex-wrap:wrap;gap:8px;}
.tm-work button{font:inherit;font-size:15px;font-weight:600;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;
  background:var(--paper);color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.tm-work button:hover{border-color:var(--ink);}
.tm-work button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.tm-work button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}

/* ---- what are we shooting (2026-10-17): one line above the prices; the
   tiles open only from it, in the pricing page's style (gold offset shadow) */
.tm-shoot[hidden],.tm-shoot-tiles[hidden],.tm-calc[hidden],.tm-book .novo-express[hidden]{display:none !important;}
.tm-shoot{margin:0 0 28px;}
.tm-shoot-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--paper);}
.tm-shoot-th{flex:none;width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--paper-deep);}
.tm-shoot-th img,.tm-shoot-tiles .th img{width:100%;height:100%;object-fit:cover;display:block;}
.tm-shoot-txt{display:flex;flex-direction:column;gap:4px;min-width:0;}
.tm-shoot-txt small{font-family:var(--fm);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);line-height:1;}
.tm-shoot-txt b{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.1;}
.tm-shoot-def{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--paper-deep);color:var(--gold-deep);}
.tm-shoot .tm-shoot-mk{font-size:13.5px;padding:0;}
.tm-shoot-btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;
  background:transparent;color:var(--ink);font-family:var(--fm);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  transition:background .15s ease,color .15s ease;}
.tm-shoot-btn:hover,.tm-shoot-btn[aria-expanded="true"]{background:var(--ink);color:var(--paper);}
.tm-shoot-btn:focus-visible,.tm-shoot-tiles button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}
.tm-shoot-btn i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease;}
.tm-shoot-btn[aria-expanded="true"] i{transform:translateY(2px) rotate(-135deg);}
.tm-shoot-msg{margin:10px 4px 0;font-size:14px;color:var(--ink-soft);}
.tm-shoot-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 6px;padding:0 6px 6px 0;animation:xRise .3s ease both;}
.tm-shoot-tiles button{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px 12px 12px;border:1px solid var(--line);border-radius:16px;
  background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;box-shadow:5px 5px 0 0 var(--gold);transition:transform .18s ease,box-shadow .18s ease;}
.tm-shoot-tiles button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 var(--gold);}
.tm-shoot-tiles button[aria-pressed="true"]{transform:translate(3px,3px);box-shadow:2px 2px 0 0 var(--gold);background:var(--ink);border-color:var(--ink);color:var(--paper);}
.tm-shoot-tiles .th{flex:none;width:58px;height:58px;border-radius:10px;overflow:hidden;background:var(--paper-deep);}
.tm-shoot-tiles .txt{min-width:0;}
.tm-shoot-tiles .nm{display:block;font-family:var(--fd);font-weight:800;font-size:17px;letter-spacing:-.015em;line-height:1.15;}
.tm-shoot-tiles .sub{display:block;margin-top:4px;font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.tm-shoot-tiles button[aria-pressed="true"] .sub{color:var(--gold);}
/* the other calculators: the main site's, framed like on the pricing page */
.tm-calc{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px -20px rgba(21,19,15,.2);}
.tm-calc iframe{display:block;width:100%;border:none;min-height:320px;height:760px;}
@media(max-width:700px){
  .tm-shoot{margin-bottom:22px;}
  .tm-shoot-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .tm-shoot-tiles button{flex-direction:column;align-items:flex-start;gap:9px;padding:10px;box-shadow:4px 4px 0 0 var(--gold);}
  .tm-shoot-tiles .th{width:100%;height:74px;}
  .tm-shoot-tiles .nm{font-size:14.5px;}
  .tm-shoot-tiles .sub{font-size:9.5px;letter-spacing:.06em;}
  /* nine tiles in two columns: the last one takes the row, laid out flat */
  .tm-shoot-tiles > button:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;}
  .tm-shoot-tiles > button:last-child:nth-child(odd) .th{width:58px;height:58px;}
  /* the default switch drops under the name instead of crowding the row */
  .tm-shoot-bar:has(.tm-shoot-def,.tm-shoot-mk)::after{content:"";order:4;flex-basis:100%;height:0;}
  .tm-shoot-def,.tm-shoot .tm-shoot-mk{order:5;margin:-4px 0 2px 62px;}
}
@media(max-width:480px){.tm-shoot-long{display:none;}}
@media(prefers-reduced-motion:reduce){
  .tm-shoot-tiles{animation:none;}
  .tm-shoot-tiles button,.tm-shoot-tiles button:hover,.tm-shoot-tiles button[aria-pressed="true"]{transform:none;}
}
/* wide screens: the line sits in the hero's left column, clear of the status card */
@media(min-width:1000px){
  .tm-shoot-bar{max-width:calc(100% - var(--ins-side) - var(--ins-gap));}
}

/* ---- Settings (2026-10-17): the launch plan joins the email switches ---- */
.tm-mail-k{margin:14px 0 0;font-family:var(--fm);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);}
.tm-mail .tm-mail-k + .tm-opt-row{border-top:0;}

/* ---- the launch plan on a delivered shoot ---- */
.tm-list li{position:relative;}
.tm-launch,.tm-prep{grid-column:1 / -1;margin-top:10px;}
.tm-launch-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.tm-list .tm-launch-h b{font-family:var(--fm);font-size:inherit;font-weight:600;color:var(--gold-deep);letter-spacing:.04em;}
.tm-launch-steps{display:flex;flex-wrap:wrap;gap:6px;}
.tm-launch-steps button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;
  background:var(--paper);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.tm-launch-steps button:hover{border-color:var(--ink);}
.tm-launch-steps button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
.tm-launch-steps button i{flex:none;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(59,47,38,.35);}
.tm-launch-steps button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.tm-launch-steps button[aria-pressed="true"] i{border-color:var(--gold);background:var(--gold);}
.tm-launch-steps button[aria-pressed="true"] i::after{content:'';width:4px;height:8px;border:solid #2a2018;border-width:0 1.7px 1.7px 0;transform:rotate(40deg) translate(-.5px,-1px);}
.tm-launch.done .tm-launch-h{color:var(--gold-deep);}
.tm-launch-ok{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gold);}
.tm-launch-ok::after{content:'';width:4px;height:8px;border:solid #2a2018;border-width:0 1.7px 1.7px 0;transform:rotate(40deg) translate(-.5px,-1px);}
.tm-prep .tm-link{font-size:13.5px;padding:0;}
/* the moment all four are done: a gold ring and a burst from the card */
.tm-glow{animation:tmGlow 1.4s ease;}
@keyframes tmGlow{0%{box-shadow:0 0 0 0 rgba(201,162,114,0);}22%{box-shadow:0 0 0 3px rgba(201,162,114,.85),0 0 46px 8px rgba(201,162,114,.38);}100%{box-shadow:0 0 0 0 rgba(201,162,114,0);}}
.tm-burst{position:absolute;left:50%;top:45%;width:0;height:0;pointer-events:none;z-index:3;}
.tm-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--gold);
  animation:tmBurst .95s cubic-bezier(.12,.72,.3,1) both;}
.tm-burst i.star{width:7px;height:7px;border-radius:1px;background:#e9cfa2;}
@keyframes tmBurst{0%{transform:translate(0,0) scale(.2) rotate(0);opacity:1;}70%{opacity:1;}100%{transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(160deg);opacity:0;}}
@media(prefers-reduced-motion:reduce){.tm-glow{animation:none;box-shadow:0 0 0 3px rgba(201,162,114,.85);}.tm-launch-steps button{transition:none;}}

/* ---- for their sellers: two pages with their name on them ---- */
.tm-sellers{margin:30px 0 0;}
.tm-sellers[hidden]{display:none;}
.tm-sellers .tm-h2{margin-top:0;}
.tm-sell-lede{margin:-6px 0 14px;}
.tm-sell-cards{display:grid;gap:12px;}
.tm-sell{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-deep);}
.tm-sell-k{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);}
.tm-sell b{font-family:var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.15;}
.tm-sell p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
.tm-sell-pkg{display:inline-flex;width:max-content;max-width:100%;margin-top:6px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper);}
.tm-sell-pkg button{min-height:38px;padding:0 13px;border:0;background:transparent;color:var(--ink);font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.tm-sell-pkg button[aria-pressed="true"]{background:var(--ink);color:var(--paper);}
.tm-sell-pkg button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-2px;}
.tm-sell-go{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:10px;}
@media(min-width:700px){.tm-sell-cards{grid-template-columns:1fr 1fr;}}
/* the launch plan's own switch, beside "Your shoots" (same setting as in Settings) */
.tm-launch-sw{display:inline-flex;align-items:center;gap:9px;margin-left:auto;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.tm-launch-sw + .tm-seg2{margin-left:12px;}

.tm-prep .tm-link{text-align:left;}

/* ---- the demo (2026-10-17): a slim bar on top, a guide that walks the flow ---- */
.tm-demo-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:8px 14px;flex-wrap:nowrap;
  padding:9px 16px;background:var(--gold);color:#2a2018;font-size:13.5px;line-height:1.35;text-align:center;}
.tm-demo-top b{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin-right:6px;padding:3px 8px;border-radius:999px;background:#2a2018;color:var(--gold);}
.tm-demo-top a{color:#2a2018;font-weight:600;}
.tm-demo-guide{position:fixed;right:20px;bottom:20px;z-index:45;width:min(360px,calc(100vw - 24px));max-height:calc(100svh - 110px);overflow:auto;
  border-radius:20px;background:var(--room);color:var(--paper);box-shadow:0 30px 70px -24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(201,162,114,.28);}
.tm-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 18px 12px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;}
.tm-demo-head span{display:flex;flex-direction:column;gap:2px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(251,248,242,.6);}
.tm-demo-head b{font-family:var(--fd);font-size:18px;font-weight:800;letter-spacing:-.015em;text-transform:none;color:var(--paper);}
.tm-demo-head i{width:8px;height:8px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-135deg) translate(-2px,-2px);transition:transform .2s ease;}
.tm-demo-guide:not(.open) .tm-demo-head i{transform:rotate(45deg);}
.tm-demo-bar-prog{height:3px;margin:0 18px 6px;border-radius:3px;background:rgba(251,248,242,.12);overflow:hidden;}
.tm-demo-bar-prog i{display:block;height:100%;background:linear-gradient(90deg,#9b7646,var(--gold));transition:width .5s ease;}
.tm-demo-guide:not(.open) .tm-demo-steps,.tm-demo-guide:not(.open) .tm-demo-foot,.tm-demo-guide:not(.open) .tm-demo-fin{display:none;}
.tm-demo-guide:not(.open) .tm-demo-bar-prog{margin-bottom:14px;}
.tm-demo-steps{list-style:none;margin:6px 0 0;padding:0 18px;}
.tm-demo-steps li{display:flex;gap:12px;padding:9px 0;border-top:1px solid rgba(251,248,242,.09);}
.tm-demo-steps li:first-child{border-top:0;}
.tm-demo-n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-top:1px;
  font-family:var(--fm);font-size:11px;box-shadow:inset 0 0 0 1.5px rgba(251,248,242,.3);color:rgba(251,248,242,.7);}
.tm-demo-steps li.done .tm-demo-n{background:var(--gold);box-shadow:none;}
.tm-demo-steps li.done .tm-demo-n::after{content:'';width:5px;height:9px;border:solid #2a2018;border-width:0 1.8px 1.8px 0;transform:rotate(40deg) translate(-1px,-1px);}
.tm-demo-steps li.next .tm-demo-n{background:var(--paper);color:var(--ink);box-shadow:none;}
.tm-demo-steps b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;color:rgba(251,248,242,.62);}
.tm-demo-steps li.next b{color:var(--paper);}
.tm-demo-steps li.done b{color:rgba(251,248,242,.5);text-decoration:line-through;text-decoration-color:rgba(201,162,114,.6);}
.tm-demo-steps p{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:rgba(251,248,242,.72);}
.tm-demo-act{display:flex;gap:12px;align-items:center;margin-top:10px;}
.tm-demo-act .pill{background:var(--gold);border-color:var(--gold);color:#2a2018;}
.tm-demo-act .tm-link,.tm-demo-foot a,.tm-demo-fin a:not(.pill){color:var(--gold);}
.tm-demo-foot{margin:4px 18px 16px;font-size:13px;color:rgba(251,248,242,.5);}
.tm-demo-fin{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:8px 18px 18px;font-size:14px;color:var(--paper);}
.tm-demo-fin .pill{background:var(--gold);border-color:var(--gold);color:#2a2018;}
@media(max-width:700px){
  .tm-demo-guide{right:12px;left:12px;bottom:12px;width:auto;}
  .tm-demo-top{font-size:12.5px;padding:8px 12px;}
  .tm-demo-long{display:none;}
  .tm-demo-top b{margin-right:4px;}
}
@media(prefers-reduced-motion:reduce){.tm-demo-bar-prog i,.tm-demo-head i{transition:none;}}
/* a shoot card's town, and the day and time of one still to come */
.tm-list .tm-city,.tm-list .tm-at{grid-column:1 / -1;}
.tm-list .tm-at{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ink);}
.tm-at svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--gold-deep);stroke-width:1.4;stroke-linecap:round;}