.mk .tc .t-pink{--tone:#ff2d78;--tone-rgb:255,45,120;--tone-2:#ff7ab0;--tone-ink:#fff}.mk .tc .t-lime{--tone:#c6f432;--tone-rgb:198,244,50;--tone-2:#e4ff8a;--tone-ink:#10140a}.mk .tc .t-violet{--tone:#9b4dff;--tone-rgb:155,77,255;--tone-2:#c49bff;--tone-ink:#fff}.mk .tc .t-amber{--tone:#ffb020;--tone-rgb:255,176,32;--tone-2:#ffd27a;--tone-ink:#171003}.mk .tc .t-blue{--tone:#3d8bff;--tone-rgb:61,139,255;--tone-2:#8dbcff;--tone-ink:#fff}.mk .tc-chapter{scroll-margin-top:96px}.mk .tc-feat-media{position:relative;display:block}.mk .tc-feat-media:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;z-index:3;background:linear-gradient(200deg,rgba(var(--tone-rgb),.35),transparent 45%)}.mk .tc-feat-num{position:absolute;z-index:4;left:14px;top:12px;font-family:var(--x-display);font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 48,"wdth" 75;font-size:22px;line-height:1;padding:7px 10px 6px;border-radius:10px;color:var(--tone-ink);background:var(--tone);box-shadow:0 6px 22px rgba(var(--tone-rgb),.5);transform:rotate(-3deg)}.mk .tc-index{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mk .tc-index>p{margin:0;font-size:22px;color:var(--ex-sub)}.mk .tc-index ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mk .tc-index a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;border-radius:999px;font:600 13.5px/1 var(--x-sans);color:var(--x-paper);text-decoration:none;background:var(--ex-card-2);border:1px solid var(--ex-line);transition:border-color .2s,background .2s}.mk .tc-index a em{font-style:normal;font:800 11px/1 var(--x-sans);padding:6px 7px;border-radius:999px;color:var(--tone-ink);background:var(--tone)}.mk .tc-index a:hover{border-color:rgba(var(--tone-rgb),.7);background:rgba(var(--tone-rgb),.12)}.mk .tc-tag{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mk .tc-mark{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:var(--x-paper);background:linear-gradient(180deg,var(--ex-card-2),var(--ex-card));border:1px solid var(--ex-line-2);box-shadow:0 10px 30px rgba(0,0,0,.35)}.mk .tc-num{font:800 12px/1 var(--x-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tone)}.mk .tc-title{font-size:clamp(42px,5cqw,80px);letter-spacing:0}.mk .tc-promise{margin:12px 0 0;font-size:clamp(17px,1.45cqw,22px);font-weight:650;line-height:1.3;letter-spacing:-.01em;color:var(--x-paper);max-width:34ch}.mk .tc-sticker{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:14px;text-decoration:none;white-space:nowrap;font-family:var(--x-display);font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 48,"wdth" 75;text-transform:uppercase;font-size:22px;line-height:1;color:var(--tone-ink);background:linear-gradient(180deg,var(--tone-2),var(--tone));box-shadow:0 0 0 2px rgba(255,255,255,.35) inset,0 0 34px rgba(var(--tone-rgb),.5);transform:rotate(-2deg);transition:transform .2s var(--x-ease),filter .2s}.mk .tc-sticker:hover{transform:rotate(0deg) scale(1.03);filter:brightness(1.06)}.mk .tc-sticker svg{width:18px;height:18px}.mk .tc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}.mk .tc-band{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"copy media" "credit credit";align-items:center;grid-gap:clamp(28px,4cqw,72px);gap:clamp(28px,4cqw,72px);padding:clamp(28px,4cqw,64px);border-radius:26px;background:radial-gradient(60% 90% at 0 0,rgba(var(--tone-rgb),.42),transparent 62%),radial-gradient(50% 70% at 100% 100%,rgba(var(--tone-rgb),.22),transparent 70%),linear-gradient(180deg,#0f0d13,#08070b);border:1px solid rgba(var(--tone-rgb),.32)}.mk .tc-band.flip{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"media copy" "credit credit";background:radial-gradient(60% 90% at 100% 0,rgba(var(--tone-rgb),.42),transparent 62%),radial-gradient(50% 70% at 0 100%,rgba(var(--tone-rgb),.22),transparent 70%),linear-gradient(180deg,#0f0d13,#08070b)}.mk .tc-band.wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.mk .tc-band-copy{grid-area:copy;min-width:0}.mk .tc-band-media{grid-area:media;min-width:0}.mk .tc-band .tc-title{font-size:clamp(46px,5.6cqw,92px);text-shadow:0 4px 30px rgba(0,0,0,.4)}.mk .tc-flow{list-style:none;margin:26px 0 0;padding:0;grid-gap:0;gap:0}.mk .tc-flow,.mk .tc-flow li{display:grid;position:relative}.mk .tc-flow li{grid-template-columns:40px minmax(0,1fr);grid-gap:14px;gap:14px;padding-bottom:18px}.mk .tc-flow li:last-child{padding-bottom:0}.mk .tc-flow li:not(:last-child):before{content:"";position:absolute;left:19px;top:42px;bottom:2px;width:2px;background:repeating-linear-gradient(180deg,rgba(var(--tone-rgb),.85) 0 6px,transparent 6px 12px);background-size:2px 24px;animation:tc-flow 1.2s linear infinite}.mk .tc-flow em{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;font:800 16px/1 var(--x-sans);font-style:normal;color:var(--tone-ink);background:linear-gradient(180deg,var(--tone-2),var(--tone));box-shadow:0 0 22px rgba(var(--tone-rgb),.5)}.mk .tc-flow li>span{display:grid;grid-gap:3px;gap:3px;padding-top:2px}.mk .tc-flow small{font:700 11px/1.2 var(--x-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tone)}.mk .tc-flow b{font-size:17px;font-weight:700;color:var(--x-paper);letter-spacing:-.01em}.mk .tc-flow li>span>span{font-size:14.5px;line-height:1.5;color:#d7d3dd;max-width:46ch}@keyframes tc-flow{to{background-position:0 24px}}.mk .tc-vis{position:relative;display:grid;grid-gap:16px;gap:16px;justify-items:center}.mk .tc-shot{width:100%;border-radius:18px;transform:perspective(1200px) rotateY(-8deg) rotate(1deg);box-shadow:0 34px 70px rgba(0,0,0,.55),0 0 0 1px rgba(var(--tone-rgb),.35);transition:transform .5s var(--x-ease)}.mk .tc-band.flip .tc-shot{transform:perspective(1200px) rotateY(8deg) rotate(-1deg)}.mk .tc-band:hover .tc-shot{transform:none}.mk .tc-shot .ex-frame{border-radius:18px}.mk .tc-vis-logo{height:26px;width:auto;opacity:.92}.mk .tc-chip{position:absolute;right:6%;top:-12px;z-index:4;font-family:var(--x-display);font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 48,"wdth" 75;text-transform:uppercase;font-size:20px;padding:8px 14px 7px;border-radius:12px;color:var(--tone-ink);background:var(--tone);transform:rotate(4deg);box-shadow:0 10px 30px rgba(var(--tone-rgb),.45)}.mk .tc-vis-grade{justify-items:stretch}.mk .tc-vis-grade .x-compare-grade{grid-template-columns:minmax(0,1fr);gap:12px}.mk .tc-vis-grade .x-cg-frame{box-shadow:0 34px 70px rgba(0,0,0,.5),0 0 0 1px rgba(var(--tone-rgb),.35)}.mk .tc-vis-grade .x-cg-side{grid-template-columns:minmax(0,1fr);justify-items:start}.mk .tc-vis-grade .x-cg-list{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.mk .tc-credit{grid-area:credit;margin:0;font-size:12px;line-height:1.5;color:rgba(161,158,171,.75)}.mk .tc-code{width:100%;margin:0;padding:clamp(18px,2cqw,28px);border-radius:18px;overflow-x:auto;font:500 14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8e5ee;background:#0b0a0f;border:1px solid rgba(var(--tone-rgb),.35);box-shadow:0 34px 70px rgba(0,0,0,.5);transform:perspective(1200px) rotateY(-6deg);white-space:pre}.mk .tc-code .c{color:#7d7a88}.mk .tc-code b{color:var(--tone)}.mk .tc-code i{font-style:normal;color:#9fd0ff}.mk .tc-code em{font-style:normal;color:#c6f432}.mk .tc-story-head .tc-promise{max-width:52ch}.mk .ex-snap-step .ex-snap-item{width:clamp(250px,22cqw,400px)}.mk .tc-step{height:100%;display:grid;grid-template-rows:auto 1fr;grid-gap:16px;gap:16px;padding:14px 14px 20px;border-radius:20px;background:linear-gradient(165deg,rgba(var(--tone-rgb),.2),var(--ex-card) 55%);border:1px solid rgba(var(--tone-rgb),.28)}.mk .tc-step-text{display:grid;grid-gap:6px;gap:6px;align-content:start;padding:0 6px}.mk .tc-step-text small{font:700 11px/1.2 var(--x-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tone)}.mk .tc-step-text b{font-family:var(--x-display);font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 48,"wdth" 75;text-transform:uppercase;font-size:clamp(24px,2cqw,32px);line-height:.95;color:var(--x-paper)}.mk .tc-step-text span{font-size:14.5px;line-height:1.5;color:#d7d3dd}.mk .tc-art{place-items:center;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:radial-gradient(70% 80% at 50% 45%,rgba(var(--tone-rgb),.28),transparent 70%),radial-gradient(120% 90% at 50% 20%,#23232b 0,var(--ex-card) 70%);border:1px solid var(--ex-line)}.mk .tc-art,.mk .tc-glyph{position:relative;display:grid}.mk .tc-glyph{z-index:1;place-items:center;width:92px;height:92px;border-radius:28px;color:var(--tone-ink);background:linear-gradient(180deg,var(--tone-2),var(--tone));box-shadow:0 0 0 2px rgba(255,255,255,.3) inset,0 18px 50px rgba(var(--tone-rgb),.45);transform:rotate(-4deg)}.mk .tc-ring{position:absolute;width:170px;height:170px;border-radius:999px;border:2px dashed rgba(var(--tone-rgb),.45);animation:tc-spin 18s linear infinite}@keyframes tc-spin{to{transform:rotate(1turn)}}.mk .tc-art.photo img{width:100%;height:100%;object-fit:cover}.mk .tc-art.move .ps-move{width:58%;height:auto;color:var(--tone)}.mk .tc-art.move .ps-move-cam{fill:#2a2a32;stroke:rgba(255,255,255,.45)}.mk .tc-art.move .ps-move-path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tc-draw 1.8s ease-in-out infinite}@keyframes tc-draw{60%,to{stroke-dashoffset:0}}.mk .tc-art.media{background:var(--ex-card)}.mk .tc-art.media .ex-frame{position:absolute;inset:0;height:100%;border-radius:0}.mk .tc-step.result{background:linear-gradient(165deg,rgba(var(--tone-rgb),.38),var(--ex-card) 60%);border-color:rgba(var(--tone-rgb),.55)}.mk .tc-approve{display:grid;grid-gap:8px;gap:8px;width:78%;padding:16px;border-radius:14px;background:#121118;border:1px solid rgba(var(--tone-rgb),.45);box-shadow:0 18px 40px rgba(0,0,0,.45);transform:rotate(-2deg)}.mk .tc-approve small{font-size:12px;color:var(--ex-sub)}.mk .tc-approve b{font-size:15px;color:var(--x-paper)}.mk .tc-approve>span{display:flex;gap:8px}.mk .tc-approve i,.mk .tc-approve u{font:700 12.5px/1 var(--x-sans);font-style:normal;text-decoration:none;padding:8px 12px;border-radius:8px}.mk .tc-approve i{color:var(--tone-ink);background:var(--tone)}.mk .tc-approve u{color:var(--x-paper);background:rgba(255,255,255,.08)}.mk .tc-timeline{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 16px;place-items:stretch}.mk .tc-lane{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.mk .tc-lane small{font:700 10.5px/1 var(--x-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ex-sub)}.mk .tc-lane>span{display:flex;gap:5px}.mk .tc-lane i{flex:1 1;min-width:0;font:700 10.5px/1 var(--x-sans);font-style:normal;padding:9px 6px;border-radius:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk .tc-lane.l-picture i{background:#2a2833;color:var(--x-paper)}.mk .tc-lane.l-fx>span{padding:0 4%;gap:8%}.mk .tc-lane.l-fx i{background:var(--tone);color:var(--tone-ink)}.mk .tc-lane.l-sound i{background:rgba(var(--tone-rgb),.25);color:var(--x-paper);border:1px solid rgba(var(--tone-rgb),.5)}.mk .tc-playhead{position:absolute;top:10px;bottom:10px;left:30%;width:2px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.8);animation:tc-play 5s linear infinite}@keyframes tc-play{0%{left:26%}to{left:94%}}.mk .tc-end{display:grid;justify-items:center;grid-gap:22px;gap:22px;text-align:center;padding:clamp(32px,4cqw,64px) 0 0}.mk .tc-end h2{font-size:clamp(40px,5cqw,76px)}.mk .tc-end .tc-actions{margin-top:0}@container ex (max-width: 960px){.mk .tc-band,.mk .tc-band.flip,.mk .tc-band.wide{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media" "credit"}.mk .tc-band.flip .tc-shot,.mk .tc-code,.mk .tc-shot{transform:none}}@container ex (max-width: 760px){.mk .ex-snap-step .ex-snap-item{width:78cqw}.mk .tc-band{padding:24px 18px 26px;border-radius:22px}.mk .tc-mark{width:44px;height:44px;border-radius:13px}.mk .tc-sticker{font-size:20px;height:48px}.mk .tc-index>p{display:none}.mk .tc-index ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--x-gut));padding-right:var(--x-gut)}.mk .tc-index a{white-space:nowrap}.mk .tc-code{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.mk .tc-art.move .ps-move-path,.mk .tc-flow li:before,.mk .tc-playhead,.mk .tc-ring{animation:none}.mk .tc-art.move .ps-move-path{stroke-dashoffset:0}.mk .tc-shot,.mk .tc-sticker{transition:none}}.mk .tc-story-head .ex-rowhead-act{flex-wrap:wrap;flex:0 1 auto;align-items:center}