.mt-ttmod {--dark:#131619;--card:#25292d;--pink:#d90055;--cyan:#26eff4;background:var(--dark);color:#fff;font:17px/1.45 system-ui,sans-serif}
.mt-ttmod * {box-sizing:border-box}
.mt-ttmod-wrap {width:min(100% - 48px,1320px);margin-inline:auto}
.mt-ttmod section {padding:42px 0;scroll-margin-top:88px}
.mt-ttmod h1,.mt-ttmod h2 {color:inherit;text-transform:none;font:850 clamp(31px,3.7vw,55px)/1.02 system-ui,sans-serif;letter-spacing:-.055em;margin:0 0 18px}
.mt-ttmod h2 {font-size:clamp(25px,3.1vw,44px);border-left:5px solid var(--cyan);padding-left:15px;align-self:start}
.mt-ttmod-hero-grid {display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,.95fr) minmax(0,1.27fr);gap:22px;align-items:center}
.mt-ttmod-kicker {border-left:5px solid #ff1873;padding-left:9px;font-weight:800;margin:0 0 18px}
.mt-ttmod-intro {font-size:clamp(16px,1.7vw,23px);margin:0 0 22px}
.mt-ttmod a.mt-ttmod-cta {display:inline-block;background:var(--pink);color:white;padding:13px 17px;border-radius:16px;font-weight:800;text-decoration:none;text-align:center}
.mt-ttmod a.mt-ttmod-cta:hover,.mt-ttmod a.mt-ttmod-cta:focus-visible {background:#a80042;color:white}
.mt-ttmod a.mt-ttmod-cta:focus-visible {outline:3px solid var(--cyan);outline-offset:3px}
.mt-ttmod-still {width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;display:block}
.mt-ttmod ol,.mt-ttmod ul {padding:0;margin:0;list-style:none}
.mt-ttmod-comments {position:relative;display:grid;gap:44px}
.mt-ttmod-comments::before {content:"";position:absolute;left:10px;top:10px;bottom:10px;border-left:2px solid #eee}
.mt-ttmod-comments li {display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px}
.mt-ttmod-time {font-size:13px;position:relative;align-self:center;margin-top:-32px;background:var(--dark);width:max-content}
.mt-ttmod-time::after {content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--cyan);margin:8px auto 0;box-shadow:0 0 0 3px var(--dark)}
.mt-ttmod-cue {position:relative;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #75787a;border-radius:12px;background:var(--card);font-weight:750}
.mt-ttmod-cue::before {content:"";position:absolute;right:100%;width:40px;border-top:2px solid #eee;top:50%}
.mt-ttmod-cue img,.mt-ttmod-decisions img {flex:none;filter:brightness(0) saturate(100%) invert(88%) sepia(66%) saturate(1086%) hue-rotate(119deg)}
.mt-ttmod li:nth-child(even) img {filter:brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(3735%) hue-rotate(327deg)}
.mt-ttmod-route {background:#e9edef;color:#101316}
.mt-ttmod-split {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
.mt-ttmod-steps {display:flex;gap:8px;align-items:stretch}
.mt-ttmod-steps li {position:relative;display:flex;align-items:center;gap:6px;background:#fff;border-radius:12px;padding:6px;font-weight:800;flex:1}
.mt-ttmod-steps li + li {margin-left:13px}
.mt-ttmod-steps li + li::before {content:"→";position:absolute;left:-20px}
.mt-ttmod-steps span {display:grid;place-items:center;flex:none;border:3px solid #00a5ad;border-radius:50%;width:33px;height:33px}
.mt-ttmod-steps li:nth-child(2) span {border-color:var(--pink)}
.mt-ttmod-route p:last-child {margin:13px 0 0}
.mt-ttmod-decisions li {display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;gap:5px 9px;align-items:center;background:var(--card);border-radius:10px;padding:9px;margin-bottom:8px}
.mt-ttmod-decisions strong {border-radius:8px;padding:4px 8px;background:var(--cyan);color:#111;text-align:center}
.mt-ttmod-decisions li:nth-child(even) strong {background:var(--pink);color:white}
.mt-ttmod-decisions p {grid-column:2/-1;margin:0;color:#eee;font-size:.9em}
@media(max-width:900px) {
 .mt-ttmod-wrap {width:calc(100% - 28px)}
 .mt-ttmod section {padding:18px 0}
 .mt-ttmod-hero-grid,.mt-ttmod-split {grid-template-columns:1fr;gap:12px}
 .mt-ttmod h1 {font-size:clamp(25px,7vw,40px);margin-bottom:9px}
 .mt-ttmod h2 {margin-bottom:0}
 .mt-ttmod-kicker,.mt-ttmod-intro {margin-bottom:10px}
 .mt-ttmod-cta {width:100%;line-height:1.2}
 .mt-ttmod-still {width:min(55%,230px);justify-self:center}
 .mt-ttmod-comments {gap:5px}
 .mt-ttmod-comments li {display:block}
 .mt-ttmod-comments::before,.mt-ttmod-time,.mt-ttmod-cue::before {display:none}
 .mt-ttmod-cue {padding:5px 8px;font-size:14px}
 .mt-ttmod-steps li {font-size:12px;padding:4px;gap:3px}
 .mt-ttmod-steps span {width:24px;height:24px;border-width:2px}
 .mt-ttmod-steps li + li {margin-left:5px}
 .mt-ttmod-steps li + li::before {left:-13px}
 .mt-ttmod-decisions li {font-size:14px;gap:4px 6px}
 .mt-ttmod-decisions strong {font-size:12px;max-width:100px}
}
.mt-ttmod-filter .mt-ttmod-steps { color:#101316; }
.mt-ttmod-filter .mt-ttmod-steps li + li::before { color:white; }
.mt-ttmod-examples { margin:0; align-self:center; display:grid; gap:10px; }
.mt-ttmod-examples div,.mt-ttmod-timeline li div { background:var(--card); border:1px solid #73777a; border-radius:12px; padding:12px; }
.mt-ttmod-examples div { display:grid; grid-template-columns:1fr 1.35fr; gap:8px; align-items:center; font-weight:800; }
.mt-ttmod-examples dt,.mt-ttmod-examples dd { margin:0; }
.mt-ttmod-examples dd { background:var(--pink); color:white; border-radius:9px; padding:5px; text-align:center; overflow-wrap:anywhere; }
.mt-ttmod-examples div + div dd { background:var(--cyan); color:#111; }
.mt-ttmod-offer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; border:1px solid white; border-radius:12px; padding:12px 16px; }
.mt-ttmod-offer a { color:var(--cyan); text-decoration:underline; }
.mt-ttmod-offer-form { margin-top:12px; scroll-margin-top:90px; color:#101316; background:#e9edef; border-radius:12px; padding:12px; }
.mt-ttmod-paths { display:grid; gap:12px; }
.mt-ttmod-paths li { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mt-ttmod-paths li > * { background:white; border-radius:12px; padding:9px; overflow-wrap:anywhere; }
.mt-ttmod-paths strong { border-left:4px solid #00a5ad; }
.mt-ttmod-paths li + li strong { border-color:var(--pink); }
.mt-ttmod-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; position:relative; }
.mt-ttmod-timeline::before { content:""; position:absolute; top:18px; left:16%; right:16%; border-top:2px solid #ddd; }
.mt-ttmod-timeline li { display:grid; grid-template-rows:auto 1fr; gap:10px; position:relative; text-align:center; }
.mt-ttmod-timeline li > span { display:grid; place-items:center; width:38px; height:38px; margin:auto; border:3px solid var(--cyan); border-radius:50%; background:white; color:#111; font-weight:900; }
.mt-ttmod-timeline li:nth-child(2) > span { border-color:var(--pink); }
.mt-ttmod-timeline p { margin:4px 0 0; font-size:.9em; }
@media(max-width:900px) {
 .mt-ttmod-filter .mt-ttmod-steps { margin-top:12px; }
 .mt-ttmod-paths li { gap:4px 8px; grid-template-columns:repeat(2,minmax(0,1fr)); background:white; border-radius:12px; }
 .mt-ttmod-paths strong { grid-column:1/-1; }
 .mt-ttmod-paths span { font-size:.85em; }
 .mt-ttmod-timeline { grid-template-columns:1fr; }
 .mt-ttmod-timeline::before { left:18px; top:18px; bottom:18px; right:auto; border-top:0; border-left:2px solid #ddd; }
 .mt-ttmod-timeline li { grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto; text-align:left; }
}
@media(max-width:900px) {
 .mt-ttmod-split { grid-template-columns:minmax(0,1fr); }
 .mt-ttmod-filter .mt-ttmod-steps { gap:5px; }
 .mt-ttmod-filter .mt-ttmod-steps li { min-width:0; overflow-wrap:anywhere; font-size:11px; line-height:1.2; }
 .mt-ttmod-filter .mt-ttmod-steps span { width:20px; height:20px; }
}
.mt-ttmod-faq details { background:#f8fafb; border:1px solid #a7b2b8; border-radius:13px; overflow:hidden; }
.mt-ttmod-faq details + details { margin-top:4px; }
.mt-ttmod-faq summary { cursor:pointer; list-style:none; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 16px; font-weight:800; font-size:clamp(16px,1.65vw,23px); line-height:1.2; }
.mt-ttmod-faq summary::-webkit-details-marker { display:none; }
.mt-ttmod-faq summary::after { content:"+" / ""; font-size:1.4em; line-height:1; }
.mt-ttmod-faq details[open] summary::after { content:"−" / ""; }
.mt-ttmod-faq summary:focus-visible { outline:3px solid #007681; outline-offset:-4px; }
.mt-ttmod-faq details p:last-child { margin:0 16px; padding:12px 0; border-top:1px solid #ced6da; }
.mt-ttmod-agency .mt-ttmod-split { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; row-gap:17px; }
.mt-ttmod-agency h2 { margin-bottom:12px; }
.mt-ttmod-agency p { margin:0; font-size:clamp(17px,2vw,25px); }
.mt-ttmod-agency .mt-ttmod-cta { grid-column:1/-1; justify-self:start; font-size:clamp(16px,1.7vw,23px); }
.mt-ttmod-agency .mt-ttmod-agency-cues { position:relative; padding-left:38px; display:grid; gap:16px; }
.mt-ttmod-agency-cues::before { content:""; position:absolute; left:10px; top:25%; bottom:25%; border-left:2px solid #eee; }
.mt-ttmod-agency-cues li { position:relative; padding:12px 15px; border:1px solid #73777a; border-radius:12px; background:var(--card); font-size:clamp(17px,2vw,24px); font-weight:800; }
.mt-ttmod-agency-cues li::before { content:""; position:absolute; top:50%; left:-35px; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:var(--cyan); }
.mt-ttmod-agency-cues li + li::before { background:#ff1873; }
@media(max-width:900px) {
 .mt-ttmod-agency .mt-ttmod-split { grid-template-columns:minmax(0,1fr); gap:14px; }
 .mt-ttmod-agency .mt-ttmod-agency-cues { padding-left:30px; gap:8px; }
 .mt-ttmod-agency-cues li::before { left:-27px; }
 .mt-ttmod-faq summary { padding:10px 11px; }
}